This rectangle is painted with a diagonal linear gradient

    

<UserControl x:Class='SilverlightApplication3.MainPage'
    xmlns='http://schemas.microsoft.com/winfx/2006/xaml/presentation' 
    xmlns:x='http://schemas.microsoft.com/winfx/2006/xaml'
    xmlns:d='http://schemas.microsoft.com/expression/blend/2008' 
    xmlns:mc='http://schemas.openxmlformats.org/markup-compatibility/2006' 
    mc:Ignorable='d' 
    d:DesignWidth='640' 
    d:DesignHeight='480'>
    <Canvas Width="200" Height="100">

      <Rectangle Width="200" Height="100">
        <Rectangle.Fill>
          <LinearGradientBrush StartPoint="0,0" EndPoint="1,1">
            <GradientStop Color="Yellow" Offset="0" />
            <GradientStop Color="Red" Offset="0.25" />
            <GradientStop Color="White" Offset="0.6" />
            <GradientStop Color="Blue" Offset="0.75" />
            <GradientStop Color="Black" Offset="1" />
          </LinearGradientBrush>
        </Rectangle.Fill>
      </Rectangle>
      <Line X1="1" Y1="1" X2="199" Y2="99" />
      <Path>
        <Path.Data>
          <GeometryGroup>
            <EllipseGeometry Center="0,0" RadiusX="4" RadiusY="4" />
            <EllipseGeometry Center="50,25" RadiusX="4" RadiusY="4" />
            <EllipseGeometry Center="150,75" RadiusX="4" RadiusY="4" />
            <EllipseGeometry Center="200,100" RadiusX="4" RadiusY="4" />
          </GeometryGroup>
        </Path.Data>
      </Path>
    </Canvas>


</UserControl>

Related examples in the same category

1.	Drawing an Rectangle
2.	Rectangles and Animation
3.	Rotating a Rectangle Animation
4.	Rendering Rectangles with Path Objects
5.	Rendering Rectangles with Line Objects
6.	Rectangles with a Shadow Effect
7.	Rectangles with RectangleGeometry
8.	Define a rectangle
9.	Rectangles with Linear Gradients
10.	Add an outline to the rectangle
11.	Set rectangle Stroke Dash Array
12.	This rectangle is painted with a horizontal linear gradient
13.	This rectangle is painted with a vertical gradient
14.	This rectangle is painted with a radial gradient
15.	One pixel horizontal line drawn as a rectangle
16.	Overlapping Rectangles
17.	A square that has been rotated by 30 degrees
18.	A square that has been scaled by a magnitude of 2.5
19.	A Rectangle that has been skewed by 18 degrees
20.	A basic Rectangle
21.	A Rectangle with rounded corners
22.	A rectangle with curved corners
23.	Fill rectangle with Rectangle.Fill tag and LinearGradientBrush
24.	Rectangle.Fill with ImageBrush
25.	Adding Rectangle to StackPanel
26.	Create rectangles in WPF.

This rectangle is painted with a diagonal linear gradient : Rectangle « Shapes « Silverlight

Related examples in the same category