> For the complete documentation index, see [llms.txt](https://docs.pixquare.art/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.pixquare.art/palette/gradient-generator.md).

# Gradient generator

<figure><img src="/files/Mf7IMwZ27XavCiYDRoi5" alt="" width="202"><figcaption></figcaption></figure>

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

<figure><img src="/files/hDIv9aQwmdROAIMaJOFo" 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](/misc/color-modes.md#indexed), we'll have the option to remap the canvas indices to keep the colors the same on the canvas
{% endhint %}