title: Multi-gradient shapes
body: <p>I'd like to create a shape that's like the following image:</p>
  
  <p><img src="https://i.stack.imgur.com/hM2v2.png" alt="alt text"></p>
  
  <p>Notice the top half gradients from color 1 to color 2, but theres a bottom half that gradients from color 3 to color 4.  I know how to make a shape with a single gradient, but I'm not sure how to split a shape into two halves and make 1 shape with 2 different gradients.</p>
  
  <p>Any ideas?</p>