> For the complete documentation index, see [llms.txt](https://scenegroup.gitbook.io/cavalry/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://scenegroup.gitbook.io/cavalry/nodes/effects/gradient-shader.md).

# Gradient Shader

Add a gradient shader.

**Color Filter -** 

* **None -** 
* **Linear to sRGB -** 
* **sRGB to Linear -** 

**Blend Mode** - set the [blend mode](/cavalry/user-interface/general/blend-modes.md) for the layer.

**Alpha** - set how opaque/transparent a shape is.

**Screen Space** - when checked the gradient is drawn in screen space. The result being that your Shape will move through the gradient. When unchecked the gradient 'sticks' to your Shape.

**Tiling** - determine what happens at the borders of your gradient.

* **Clamp** - use the first and last values of your gradient.
* **Repeat** - repeat/ loop the gradient.
* **Mirror** - mirror/ ping pong the gradient.
* **Decal** - cut out the gradient.

**Mode** - select the type of gradient:

* **Conical** - a two point conical gradient.

  * **Gradient** - set the color stops for your [gradient](/cavalry/user-interface/widgets/gradient.md).
  * **Start Radius** - set the radius for the color stop at the start of your gradient.
  * **Start Center** - position the center of the start of your gradient.
  * **End Radius** - set the radius for the color stop at the end of your gradient.
  * **End Centre** - position the center of the end of your gradient.

* **Linear** - a linear gradient.

  * **Gradient** - set the color stops for your [gradient](/cavalry/user-interface/widgets/gradient.md).
  * **Scale** - scale the gradient.
  * **Rotation** - rotate the gradient.
  * **Gradient Scales with Rotation** - when checked the gradient will be scaled to fit the shape(s) along the axis of **Rotation**.
  * **Offset** - offset the position of your gradient.

* **Radial** - a gradient created along a radius (center out).

  * **Gradient** - set the color stops for your [gradient](/cavalry/user-interface/widgets/gradient.md).
  * **Radius Mode** - 
    * **Fixed Radius** - set a fixed radius for the gradient.
    * **Bounding Box** - set the gradient to scale with a Shape(s).
  * **Size Ratio** - a multiplier for the **Bounding Box**.
  * **Radius** - set a **Fixed Radius** for the gradient.
  * **Offset** - offset the position of your gradient \[x,y].

* **Sweep** - a gradient that travels around a circle.
  * **Gradient** - set the color stops for your [gradient](/cavalry/user-interface/widgets/gradient.md).
  * **Rotation** - set a rotation for the gradient. 
  * **Start Angle** - set the angle the gradient starts at.
  * **End Angle** - set the angle the gradient ends at.
  * **Offset** - offset the start/ end angles of your gradient.

**Gradient** - see [Gradient](/cavalry/user-interface/widgets/gradient.md).