title: Multiply Background with two different colors for two sections
body: <p>I am trying to apply two different <code>background-color</code> with <code>background-blend-mode: multiply;</code>.  See image: 
  <a href="https://i.stack.imgur.com/9gVFI.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/9gVFI.jpg" alt="Image with two different multiplied colors"></a>.</p>
  
  <p>I have tried something similar to this <a href="https://jsfiddle.net/raney24/vhs0cxrd/" rel="nofollow noreferrer">fiddle</a>.</p>
  
  <p>Thank you in advance!</p>