# Index to Color

**Value** - the point along the gradient to output (0 = far left, 1 = far right).

**Gradient** - set the color values. See [Gradients](https://scenegroup.gitbook.io/cavalry/user-interface/widgets/gradient).

**Reverse** - reverse/invert the gradient.

{% hint style="info" %}
Example usage:

1. Create a [Basic Shape](https://scenegroup.gitbook.io/cavalry/nodes/shapes/basic-shape)
2. Create a [Duplicator](https://scenegroup.gitbook.io/cavalry/nodes/shapes/duplicator)
3. [Connect](https://scenegroup.gitbook.io/cavalry/getting-started/key-concepts/connections) ***basicShape*** > ***duplicator.inputShapes***
4. Create an **Index to Color**
5. [Connect](https://scenegroup.gitbook.io/cavalry/getting-started/key-concepts/connections) **index*****ToColor.id*** > ***basicShape.color***

Each duplicate will be colored according to the gradient.
{% endhint %}

{% embed url="<https://youtu.be/vB9MQ_MKp8s>" %}
