This rectangle is painted with a vertical gradient

  
<Window x:Class="Workspace.DockExample"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="Workspace" Width="640" Height="480">
    <Canvas Width="200" Height="100">
      <Rectangle Width="200" Height="100">
        <Rectangle.Fill>
          <LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1">
            <LinearGradientBrush.GradientStops>
              <GradientStop Color="Yellow" Offset="0" />
              <GradientStop Color="Red" Offset="0.25" />
              <GradientStop Color="Blue" Offset="0.75" />
              <GradientStop Color="LimeGreen" Offset="1" />
            </LinearGradientBrush.GradientStops>
          </LinearGradientBrush>
        </Rectangle.Fill>
      </Rectangle>
      <Line X1="100" Y1="1" X2="100" Y2="99" />
      <Path>
        <Path.Data>
          <GeometryGroup>
            <EllipseGeometry Center="100,0" RadiusX="4" RadiusY="4" />
            <EllipseGeometry Center="100,25" RadiusX="4" RadiusY="4" />
            <EllipseGeometry Center="100,75" RadiusX="4" RadiusY="4" />
            <EllipseGeometry Center="100,100" RadiusX="4" RadiusY="4" />
          </GeometryGroup>
        </Path.Data>
      </Path>
    </Canvas>

</Window>

Related examples in the same category

1.	Diagonal linear gradient - multiple colors
2.	Diagonal linear gradient multiple colors 2
3.	Diagonal linear gradient with 0.5 Offset for White
4.	Horizontal linear gradient
5.	Vertical linear gradient
6.	LinearGradientBrush SpreadMethod
7.	LinearGradientBrush SpreadMethod=Reflect
8.	LinearGradientBrush SpreadMethod=Repeat
9.	RadialGradientBrush SpreadMethod=Pad
10.	RadialGradientBrush SpreadMethod=Reflect
11.	RadialGradientBrush SpreadMethod=Repeat
12.	This rectangle is painted with a diagonal linear gradient
13.	This rectangle is painted with a horizontal linear gradient
14.	This rectangle is painted with a radial gradient
15.	LinearGradientBrush examples with GradientStop as Resources
16.	Applies a RotateTransform to the brush's RelativeTransform property
17.	GradientStopCollection
18.	LinearGradientBrush Opacity from 1 to 0
19.	Animated GradientStop Offset
20.	Animated GradientStop Color
21.	Animated GradientStop Opacity
22.	Using LinearGradientBrush to draw a 3D button

This rectangle is painted with a vertical gradient : LinearGradientBrush « Windows Presentation Foundation « C# / C Sharp

Related examples in the same category