Using a Gradient Brush to Fill Shapes


You can use a gradient brush to fill a shape with a gradually changing color. For example, you can use a horizontal gradient to fill a shape with color that changes gradually as you move from the left edge of the shape to the right edge. Imagine a rectangle with a left edge that is black (represented by red, green, and blue components 0, 0, 0) and a right edge that is red (represented by 255, 0, 0). If the rectangle is 256 pixels wide, the red component of a given pixel will be one greater than the red component of the pixel to its left. The leftmost pixel in a row has color components (0, 0, 0), the second pixel has (1, 0, 0), the third pixel has (2, 0, 0), and so on, until you get to the rightmost pixel, which has color components (255, 0, 0). These interpolated color values make up the color gradient.

A linear gradient changes color as you move horizontally, vertically, or parallel to a specified slanted line. A path gradient changes color as you move about the interior and boundary of a path. You can customize path gradients to achieve a wide variety of effects.

The following illustration shows a rectangle filled with a linear gradient brush and an ellipse filled with a path gradient brush.


How to: Create a Linear Gradient
Shows how to create a linear gradient using the LinearGradientBrush class.

How to: Create a Path Gradient
Describes how to create a path gradient using the PathGradientBrush class.

How to: Apply Gamma Correction to a Gradient
Explains how to use gamma correction with a gradient brush.

Contains a description of this class and has links to all of its members.

Contains a description of this class and has links to all of its members.