title: How to create multi-colored shape background in Android activity
body: <p>I am looking to make my <code>Activity</code>'s background into two colors. A custom color on top and a white color on the bottom. The thing is I don't want to separate them with a horizontal line. I would like to create something very similar to the image provided. I really wouldn't know where to start to create this...</p>
  <p><a href="https://i.stack.imgur.com/I96Q4.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/I96Q4.jpg" alt="enter image description here" /></a></p>
  <p>I tried this, but again, I don't really want to have a horizontal separation. I would prefer a separation more like the image.</p>
  <p>Here's what I've tried so far.</p>
  <pre><code>&lt;?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot;?&gt;
  &lt;layer-list xmlns:android=&quot;http://schemas.android.com/apk/res/android&quot;&gt;
      &lt;item&gt;
          &lt;shape android:shape=&quot;rectangle&quot;&gt;
              &lt;solid android:color=&quot;#FAFAFA&quot; /&gt;
          &lt;/shape&gt;
      &lt;/item&gt;
      &lt;item android:bottom=&quot;300dp&quot; android:top=&quot;0dp&quot; android:left=&quot;0dp&quot; android:right=&quot;0dp&quot;&gt;
          &lt;shape android:shape=&quot;rectangle&quot;&gt;
              &lt;solid android:color=&quot;@color/colorPrimary&quot; /&gt;
          &lt;/shape&gt;
      &lt;/item&gt;
  &lt;/layer-list&gt;
  </code></pre>