Estoy tratando de crear un dibujable, donde tengo 3 círculos (uno encima del otro) en un degradado lineal y los círculos se desplazan un 50 % hacia la izquierda.

Este es mi intento hasta ahora:

 <?xml version="1.0" encoding="utf-8"?> <layer-list xmlns:android="http://schemas.android.com/apk/res/android"> <item> <shape android:shape="rectangle"> <gradient android:startColor="#4833A6" android:endColor="#1E479C" android:type="linear" /> </shape> </item> <item android:left="-115dp"> <shape android:shape="oval"> <size android:width="230dp" android:height="233dp"/> <solid android:color="#1AFFFFFF"/> </shape> </item> <item android:left="-83dp"> <shape android:shape="oval"> <size android:width="166dp" android:height="166dp"/> <solid android:color="#1AFFFFFF"/> </shape> </item> <item android:left="-57.5dp"> <shape android:shape="oval"> <size android:width="115dp" android:height="115dp"/> <solid android:color="#1AFFFFFF"/> </shape> </item> </layer-list>

El efecto deseado:

Lo que tengo hasta ahora :(

¿Qué estoy haciendo mal?