title: SVG glow filter showing wrong color
body: <p>I took pretty much exactly the <a href="https://codepen.io/dipscom/pen/mVYjPw" rel="nofollow noreferrer">filter code from here</a> (just playing with the flood color, radius and std. deviation to get the exact effect I wanted):</p>
  
  <pre><code>    &lt;defs&gt;
          &lt;filter id="sofGlow" height="300%" width="300%" x="-75%" y="-75%"&gt;
          &lt;feMorphology operator="dilate" radius="4" in="SourceAlpha" result="thicken" /&gt;
          &lt;feGaussianBlur in="thicken" stdDeviation="10" result="blurred" /&gt;
          &lt;feFlood flood-color="rgb(0,186,255)" result="glowColor" /&gt;
          &lt;feComposite in="glowColor" in2="blurred" operator="in" result="softGlow_colored" /&gt;
          &lt;feMerge&gt;
              &lt;feMergeNode in="softGlow_colored"/&gt;
              &lt;feMergeNode in="SourceGraphic"/&gt;
          &lt;/feMerge&gt;
      &lt;/filter&gt;
  &lt;/defs&gt;
  </code></pre>
  
  <p>I applied it to one SVG I was working on, and it turned out as expected - a light blue ish glow.</p>
  
  <p>I then tried applying it to another SVG, and it is turning out like a black glow.  I even tried changing the flood color to <code>rgb(255, 0, 0)</code> and it still looks black.</p>
  
  <p>Why would it be doing that, and what can I do to fix it?</p>