title: UWP transparent LinearGradientBrush
body: <p>I'm having trouble with my c# UWP App.</p>
  
  <pre><code>&lt;Grid VerticalAlignment="Bottom" Height="40" Grid.Row="3" Margin="0,0,0,-1"&gt;
    &lt;Grid.Background&gt;
      &lt;LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0"&gt;
          &lt;GradientStop Color="#00000000" Offset="0"/&gt;
          &lt;GradientStop Color="{StaticResource stdBackgroundColor}" Offset="1"/&gt;
      &lt;/LinearGradientBrush&gt;
    &lt;/Grid.Background&gt;
  &lt;/Grid&gt;
  </code></pre>
  
  <p>This code snippet should show a transparent overlay at the bottom of the page, but instead it creates a blackish overlay, like it is adding transparent values on top of the existing background (which is also of Color <code>stdBackgroundColor</code>) and therefore looks quite strange (see image below)</p>
  
  <p><a href="https://i.stack.imgur.com/zvm4P.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/zvm4P.jpg" alt="Overlay problem"></a></p>
  
  <p>How can I achieve an transparent overlay to content (such as <code>ScrollViewer</code>) without this effect?</p>