<gradFill> (Gradient Fill)

This element defines a gradient fill.

A gradient fill is a fill which is characterized by a smooth gradual transition from one color to the next. At its simplest, it is a fill which transitions between two colors; or more generally, it may be a transition of any number of colors.

The desired transition colors and locations are defined in the gradient stop list (gsLst) child element.

The other child element defines the properties of the gradient fill (there are two styles-- a linear shade style as well as a path shade style)


The following is a sample gradient fill, varying from blue to white:

Parent Elements

<bg>; <bgFillStyleLst>; <bgPr>; <defRPr>; <endParaRPr>; <fill>; <fill>; <fillOverlay>; <fillStyleLst>; <grpSpPr>; <grpSpPr>; <grpSpPr>; <grpSpPr>; <ln>; <lnB>; <lnBlToTr>; <lnL>; <lnR>; <lnT>; <lnTlToBr>; <rPr>; <spPr>; <spPr>; <spPr>; <spPr>; <spPr>; <spPr>; <spPr>; <tblPr>; <tcPr>; <uFill>; <uLn>

Child Elements


<gsLst> (Gradient Stop List)


<lin> (Linear Gradient Fill)


<path> (Path Gradient)


<tileRect> (Tile Rectangle)




<flip> (Tile Flip)

Specifies the direction(s) in which to flip the gradient while tiling.

Normally a gradient fill encompasses the entire bounding box of the shape which contains the fill. However, with the <tileRect> element, it is possible to define a "tile" rectangle which is smaller than the bounding box. In this situation, the gradient fill is encompassed within the tile rectangle, and the tile rectangle is tiled across the bounding box to fill the entire area.

The possible values for this attribute are defined by the ST_TileFlipMode simple type (§

<rotWithShape> (Rotate With Shape)

Specifies if a fill will rotate along with a shape when the shape is rotated.


The following is a fill with the flip attribute set to "x". The black interior rectangle indicates the tile rectangle. Notice that the adjacent rectangle to the right in the tile has been flipped along the x-axis.

The possible values for this attribute are defined by the XML Schema boolean datatype.

The following XML Schema fragment defines the contents of this element:

<complexType name="CT_GradientFillProperties">
	<element name="gsLst" type="CT_GradientStopList" minOccurs="0" maxOccurs="1"/>
	<group ref="EG_ShadeProperties" minOccurs="0" maxOccurs="1"/>
	<element name="tileRect" type="CT_RelativeRect" minOccurs="0" maxOccurs="1"/>
	<attribute name="flip" type="ST_TileFlipMode" use="optional"/>
	<attribute name="rotWithShape" type="xsd:boolean" use="optional"/>