title: Unity: UI Image alpha overlap
body: <p><strong>Problem:</strong> Two objects in canvas blend with each other when CanvasGroup modifies their transparency.<p> 
  Example in the picture: the scene has a dark background, the canvas has green and red images. If the opacity of both objects is less then 100%, they will blend. <p>
  Left: opacity is 100%; <p>
  Center: opacity is 50%, images blend (actual result); <p>
  Right: opacity is 50%, images don't blend (desired result)
  <p>
  <a href="https://i.stack.imgur.com/Sw52r.png" rel="noreferrer"><img src="https://i.stack.imgur.com/Sw52r.png" alt="enter image description here"></a>
  <p>
  How to prevent blending of the images based on their order? I am aware of a texture-based solution (the second camera renders to a texture which is placed in canvas), but it seems like such overkill. Is there any other approach? Shaders, changes via code, something else?
  <p>
  Unity 2019.3.0f1</p>