> For the complete documentation index, see [llms.txt](https://docs.lottielab.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.lottielab.com/editor/properties/fill-color/gradient/linear-gradient.md).

# Linear gradient

Linear gradient allows you to set colors at multiple points along a specified linear direction, which are then blended to form a gradient on your layer. To add a linear gradient:

* Select the layer and go to the property panel.
* In the 'Fill' section, select the color thumbnail to open up the color picker.
* In the color picker, select the `Linear`tab - the middle tab at the top of the color picker.
* You can now add colours at multiple points on the gradient handle, and adjust the opacity at each point.

<figure><img src="https://1768268082-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhgGiOKJySIZ4fBeXk0CD%2Fuploads%2Fw2QW9ekaw4COcs1wo1oV%2Flinear%20gradient.gif?alt=media&amp;token=021fa64b-d329-4587-9239-ac09af47401f" alt=""><figcaption></figcaption></figure>