title: Additive Color in Highcharts
body: <p>I am plotting overlapping polygons with differnt colors in Highchart in the following example.</p>
  
  <p><a href="http://jsfiddle.net/525hx0oq/25/" rel="nofollow">http://jsfiddle.net/525hx0oq/25/</a></p>
  
  <p>Also radiant color has no effect on mixing of color</p>
  
  <pre><code>  color:  {
                   radialGradient: { cx: 0.5, cy: 0.5, r: 0.5 },
                   stops: [
                   [0, '#003399'],
                   [1, '#3366AA']
                   ]
              },
  </code></pre>
  
  <p>But i see there is no mixing of color when the two different color overlaps each other like what i am supposed to get as follows.</p>
  
  <p><a href="https://en.wikipedia.org/wiki/Additive_color#/media/File:AdditiveColor.svg" rel="nofollow">https://en.wikipedia.org/wiki/Additive_color#/media/File:AdditiveColor.svg</a></p>
  
  <p>Can u pls help me how can i achieve this using Highcarts?</p>