title: LinearGradientBrush to Transparency shows white background
body: <p>I have a <code>background</code> color of <code>#424242</code> with a <code>ListBox</code> and some content..</p>
  
  <p><a href="https://i.stack.imgur.com/eTuSA.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/eTuSA.png" alt="enter image description here"></a></p>
  
  <p>I want to have a LinearGradientBrush from <code>#424242</code> till <code>Transparent</code> on top of the Controls. The problem is, that I get a white background color:</p>
  
  <p><a href="https://i.stack.imgur.com/ZGt4m.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ZGt4m.png" alt="enter image description here"></a></p>
  
  <p>If I replace <code>Transparent</code> with <code>#00000000</code> I have a darker/black color:</p>
  
  <p><a href="https://i.stack.imgur.com/hJzAY.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/hJzAY.png" alt="enter image description here"></a></p>
  
  <h3>XAML Code</h3>
  
  <pre><code>&lt;Grid&gt;
          &lt;Grid.RowDefinitions&gt;
              &lt;RowDefinition Height="136*"/&gt;
              &lt;RowDefinition Height="203*"/&gt;
          &lt;/Grid.RowDefinitions&gt;
          &lt;Grid.ColumnDefinitions&gt;
              &lt;ColumnDefinition Width="*"/&gt;
              &lt;ColumnDefinition Width="*"/&gt;
              &lt;ColumnDefinition Width="*"/&gt;
          &lt;/Grid.ColumnDefinitions&gt;
          &lt;StackPanel Orientation="Vertical" Grid.Column="0" Grid.Row="0" HorizontalAlignment="Center"&gt;
              &lt;TextBlock Text="Transparent to #424242"&gt;&lt;/TextBlock&gt;
              &lt;TextBlock Text="Transparent to #424242"&gt;&lt;/TextBlock&gt;
              &lt;TextBlock Text="Transparent to #424242"&gt;&lt;/TextBlock&gt;
              &lt;TextBlock Text="Transparent to #424242"&gt;&lt;/TextBlock&gt;
              &lt;TextBlock Text="Transparent to #424242"&gt;&lt;/TextBlock&gt;
              &lt;TextBlock Text="Transparent to #424242"&gt;&lt;/TextBlock&gt;
              &lt;TextBlock Text="Transparent to #424242"&gt;&lt;/TextBlock&gt;
              &lt;TextBlock Text="Transparent to #424242"&gt;&lt;/TextBlock&gt;
              &lt;TextBlock Text="Transparent to #424242"&gt;&lt;/TextBlock&gt;
              &lt;TextBlock Text="Transparent to #424242"&gt;&lt;/TextBlock&gt;
              &lt;TextBlock Text="Transparent to #424242"&gt;&lt;/TextBlock&gt;
              &lt;TextBlock Text="Transparent to #424242"&gt;&lt;/TextBlock&gt;
              &lt;TextBlock Text="Transparent to #424242"&gt;&lt;/TextBlock&gt;
              &lt;TextBlock Text="Transparent to #424242"&gt;&lt;/TextBlock&gt;
              &lt;TextBlock Text="Transparent to #424242"&gt;&lt;/TextBlock&gt;
          &lt;/StackPanel&gt;
          &lt;Rectangle Grid.Column="0" Grid.Row="0"&gt;
              &lt;Rectangle.Fill&gt;
                  &lt;LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0"&gt;
                      &lt;GradientStop Color="Transparent" Offset="0"/&gt;
                      &lt;GradientStop Color="#424242" Offset="1"/&gt;
                  &lt;/LinearGradientBrush&gt;
              &lt;/Rectangle.Fill&gt;
          &lt;/Rectangle&gt;
  
          &lt;StackPanel Orientation="Vertical" Grid.Column="1" Grid.Row="0" HorizontalAlignment="Center"&gt;
              &lt;TextBlock Text="#00000000 to #424242"&gt;&lt;/TextBlock&gt;
              &lt;TextBlock Text="#00000000 to #424242"&gt;&lt;/TextBlock&gt;
              &lt;TextBlock Text="#00000000 to #424242"&gt;&lt;/TextBlock&gt;
              &lt;TextBlock Text="#00000000 to #424242"&gt;&lt;/TextBlock&gt;
              &lt;TextBlock Text="#00000000 to #424242"&gt;&lt;/TextBlock&gt;
              &lt;TextBlock Text="#00000000 to #424242"&gt;&lt;/TextBlock&gt;
              &lt;TextBlock Text="#00000000 to #424242"&gt;&lt;/TextBlock&gt;
              &lt;TextBlock Text="#00000000 to #424242"&gt;&lt;/TextBlock&gt;
              &lt;TextBlock Text="#00000000 to #424242"&gt;&lt;/TextBlock&gt;
              &lt;TextBlock Text="#00000000 to #424242"&gt;&lt;/TextBlock&gt;
              &lt;TextBlock Text="#00000000 to #424242"&gt;&lt;/TextBlock&gt;
              &lt;TextBlock Text="#00000000 to #424242"&gt;&lt;/TextBlock&gt;
              &lt;TextBlock Text="#00000000 to #424242"&gt;&lt;/TextBlock&gt;
              &lt;TextBlock Text="#00000000 to #424242"&gt;&lt;/TextBlock&gt;
              &lt;TextBlock Text="#00000000 to #424242"&gt;&lt;/TextBlock&gt;
          &lt;/StackPanel&gt;
          &lt;Rectangle Grid.Column="1" Grid.Row="0"&gt;
              &lt;Rectangle.Fill&gt;
                  &lt;LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0"&gt;
                      &lt;GradientStop Color="#00000000" Offset="0"/&gt;
                      &lt;GradientStop Color="#424242" Offset="1"/&gt;
                  &lt;/LinearGradientBrush&gt;
              &lt;/Rectangle.Fill&gt;
          &lt;/Rectangle&gt;
  
          &lt;StackPanel Orientation="Vertical" Grid.Column="2" Grid.Row="0" HorizontalAlignment="Center"&gt;
              &lt;TextBlock Text="Hello World"&gt;&lt;/TextBlock&gt;
              &lt;TextBlock Text="Hello World"&gt;&lt;/TextBlock&gt;
              &lt;TextBlock Text="Hello World"&gt;&lt;/TextBlock&gt;
              &lt;TextBlock Text="Hello World"&gt;&lt;/TextBlock&gt;
              &lt;TextBlock Text="Hello World"&gt;&lt;/TextBlock&gt;
              &lt;TextBlock Text="Hello World"&gt;&lt;/TextBlock&gt;
              &lt;TextBlock Text="Hello World"&gt;&lt;/TextBlock&gt;
              &lt;TextBlock Text="Hello World"&gt;&lt;/TextBlock&gt;
              &lt;TextBlock Text="Hello World"&gt;&lt;/TextBlock&gt;
              &lt;TextBlock Text="Hello World"&gt;&lt;/TextBlock&gt;
              &lt;TextBlock Text="Hello World"&gt;&lt;/TextBlock&gt;
              &lt;TextBlock Text="Hello World"&gt;&lt;/TextBlock&gt;
              &lt;TextBlock Text="Hello World"&gt;&lt;/TextBlock&gt;
              &lt;TextBlock Text="Hello World"&gt;&lt;/TextBlock&gt;
              &lt;TextBlock Text="Hello World"&gt;&lt;/TextBlock&gt;
          &lt;/StackPanel&gt;
          &lt;Rectangle Grid.Column="2" Grid.Row="0" Opacity="0"&gt;
              &lt;Rectangle.Fill&gt;
                  &lt;LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0"&gt;
                      &lt;GradientStop Color="#424242" Offset="0"/&gt;
                      &lt;GradientStop Color="#424242" Offset="1"/&gt;
                  &lt;/LinearGradientBrush&gt;
              &lt;/Rectangle.Fill&gt;
          &lt;/Rectangle&gt;
      &lt;/Grid&gt;
  &lt;/Grid&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/u5nXV.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/u5nXV.png" alt="enter image description here"></a></p>