# Gradient generator

<figure><img src="https://1813203282-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOddm4yDredA8gF0g7cDm%2Fuploads%2FO35XS6WjVpgKShEgIJBb%2FSimulator%20Screenshot%20-%20iPad%20Pro%20(11-inch)%20(4th%20generation)%20-%202024-01-23%20at%2022.54.13.png?alt=media&#x26;token=8b59e890-a653-46a3-a5ee-d10b17a1d385" alt="" width="202"><figcaption></figcaption></figure>

In the palette panel, tap the ... button, then "Generate gradient"

<figure><img src="https://1813203282-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOddm4yDredA8gF0g7cDm%2Fuploads%2Fw1IQ8d3PJ3iakVifH30K%2FGradient%20generator.png?alt=media&#x26;token=80a0056a-25be-4867-8889-afb6360dfaf9" alt="" width="304"><figcaption></figcaption></figure>

1. Color space to interpolate the values: RGB or HSV
2. Step direction
   1. Inside - Simply interpolate from the first to the second color
   2. Outside - Either go down to 0 then loop to 1 then to the second color or go up to 1 and loop back to 0 then to the second color.
3. First color
4. Second Color
5. Number of colors in between the 2 colors
6. Preview

**Ignore source colors**: if this option is enabled, the source colors (#3 and #4) will not be added to the generated colors.

After tapping Add, the gradient will be added to the current palette at the position of the selected color.

{% hint style="info" %}
When we add the gradient to the palette in [indexed mode](https://docs.pixquare.art/misc/color-modes#indexed), we'll have the option to remap the canvas indices to keep the colors the same on the canvas
{% endhint %}