Files
docs-desktop/dotnet-desktop-guide/framework/winforms/advanced/using-a-gradient-brush-to-fill-shapes.md
T
Andy De George c0ba284473 Initial winforms content migrated (#18)
* Merge winforms framework content to working branch (#14)

* Breadcrumb / TOC / Move net5 to net folder (#15)

* change path from net5 to net

* Mess with bread/toc

* Mess with bread/toc

* Mess with bread/toc

* Mess with bread/toc

* Mess with bread/toc

* Mess with bread/toc

* Mess with bread/toc

* Mess with bread/toc

* Mess with bread/toc

* Mess with bread/toc

* Mess with bread/toc

* Mess with bread/toc

* Mess with bread/toc

* Mess with bread/toc

* Add .net 5 winforms placeholder article (#16)

* added some metadata and adjusted net5 placeholder

* corrections

* corrections

* corrections

* Test1

* Swapping landing page vs concept

* fix links

* Fix links

* Fix desc
2020-09-01 16:26:21 -07:00

2.5 KiB

title, ms.date, helpviewer_keywords, ms.assetid
title ms.date helpviewer_keywords ms.assetid
Using a Gradient Brush to Fill Shapes 03/30/2017
brushes [Windows Forms], gradient brushes
gradient brushes
examples [Windows Forms], gradient brushes
2c6037b9-05bd-44c0-a22a-19584b722524

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:

A rectangle filled with a gradient brush with an ellipse.

In This Section

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

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

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

Reference

xref:System.Drawing.Drawing2D.LinearGradientBrush?displayProperty=nameWithType
Contains a description of this class and has links to all of its members.

xref:System.Drawing.Drawing2D.PathGradientBrush?displayProperty=nameWithType
Contains a description of this class and has links to all of its members.