1 Reply Latest reply on Oct 14, 2012 9:21 PM by dhosford

    How to merge colors of overlapping divs

    Fridley

      Looking to dynamicly create a venn diagramm from overlapping ellipse divs of different colors. While I am able to use extra divs to fad in the required colors once the ellipses have stopped moving, I am unable to have the colors simply merge.

       

      https://creative.adobe.com/file/f6531428-5c02-4821-a81e-f16b8a4a3a2cvenn.png

        • 1. Re: How to merge colors of overlapping divs
          dhosford Employee Moderator

          Hi there,

           

            Have you tried just overlapping the colored ellipses set to a slightly lower opacity? It would take some playing with to find the right percentage that works best to try and achieve the exact effect you want, but I would start at 50% each and work from there.

           

            See below I have two ellipses set to 75% opacity, overlapping to create a yellow-orange color:

           

          ellipseOpacity.png

           

          Let me know if this helps!