# Rainbow from purple to brown linear gradient

Rainbow from purple to brown linear gradient with 8 colors: #e0466e, #6e4ec2, #00c89b, #c39814, #ae2e9e, #0092c2, #85ca49, #bb6a53. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kcnooGwj82143MXZMrZRMmyc6tM7hwDRzae0g`
- Page: https://grabient.com/kcnooGwj82143MXZMrZRMmyc6tM7hwDRzae0g?steps=8
- Drawn as: linear gradient, 8 steps, 90 degrees
- Kinds: vivid, rainbow
- Hues: multi-hue
- Contrast of its darkest and lightest colors: 2.9 to 1

## Colors

The name most people give each color, and the text color that reads on it with its contrast.

| Stop | Hex | OKLCH | Name | Text on it |
| --- | --- | --- | --- | --- |
| 1 | `#e0466e` | `oklch(62.20% 0.1902 9.14)` | Rouge Red | black, 5.2 to 1 |
| 2 | `#6e4ec2` | `oklch(51.97% 0.1736 292.00)` | Waiporoporo Purple | white, 5.9 to 1 |
| 3 | `#00c89b` | `oklch(74.02% 0.1475 169.41)` | Caribbean Green | black, 9.7 to 1 |
| 4 | `#c39814` | `oklch(70.08% 0.1392 88.04)` | Rapeseed | black, 7.8 to 1 |
| 5 | `#ae2e9e` | `oklch(53.94% 0.2026 333.92)` | Purple Cactus Flower | white, 5.6 to 1 |
| 6 | `#0092c2` | `oklch(61.81% 0.1237 230.37)` | Surf Rider | black, 5.8 to 1 |
| 7 | `#85ca49` | `oklch(76.77% 0.1764 133.13)` | Midsummer Field | black, 10.5 to 1 |
| 8 | `#bb6a53` | `oklch(61.02% 0.1089 36.97)` | Warm Cider | black, 5.2 to 1 |

## CSS

```css
background: linear-gradient(90deg, #e0466e 0.0%, #6e4ec2 14.3%, #00c89b 28.6%, #c39814 42.9%, #ae2e9e 57.1%, #0092c2 71.4%, #85ca49 85.7%, #bb6a53 100.0%);
background: linear-gradient(90deg in oklch, oklch(62.20% 0.1902 9.14) 0.0%, oklch(51.97% 0.1736 292.00) 14.3%, oklch(74.02% 0.1475 169.41) 28.6%, oklch(70.08% 0.1392 88.04) 42.9%, oklch(53.94% 0.2026 333.92) 57.1%, oklch(61.81% 0.1237 230.37) 71.4%, oklch(76.77% 0.1764 133.13) 85.7%, oklch(61.02% 0.1089 36.97) 100.0%);
```

## Keyframes

8 OKLCH keyframes joined by a Catmull-Rom spline. Hue is unwrapped degrees.

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.622 | 0.19 | 9.1 |
| 2 | 0.52 | 0.174 | -68 |
| 3 | 0.74 | 0.152 | -190.6 |
| 4 | 0.701 | 0.139 | -272 |
| 5 | 0.539 | 0.203 | -386.1 |
| 6 | 0.618 | 0.124 | -489.6 |
| 7 | 0.768 | 0.176 | -586.9 |
| 8 | 0.61 | 0.109 | -683 |

## In these collections

- [Rainbow loop gradients](https://grabient.com/rainbow-loop-gradients)

## Other forms

- [JSON](https://grabient.com/kcnooGwj82143MXZMrZRMmyc6tM7hwDRzae0g.json?steps=8)
- [PNG](https://grabient.com/kcnooGwj82143MXZMrZRMmyc6tM7hwDRzae0g.png?steps=8)
- [SVG](https://grabient.com/kcnooGwj82143MXZMrZRMmyc6tM7hwDRzae0g.svg?steps=8)
- [CSS](https://grabient.com/kcnooGwj82143MXZMrZRMmyc6tM7hwDRzae0g.css?steps=8)
- [ASE](https://grabient.com/kcnooGwj82143MXZMrZRMmyc6tM7hwDRzae0g.ase?steps=8)
- [GPL](https://grabient.com/kcnooGwj82143MXZMrZRMmyc6tM7hwDRzae0g.gpl?steps=8)
- [GRD](https://grabient.com/kcnooGwj82143MXZMrZRMmyc6tM7hwDRzae0g.grd?steps=8)
- [Design tokens](https://grabient.com/kcnooGwj82143MXZMrZRMmyc6tM7hwDRzae0g.tokens.json?steps=8)
- [Social card](https://grabient.com/api/og?seed=kcnooGwj82143MXZMrZRMmyc6tM7hwDRzae0g&steps=8)
- [Palettes like this one](https://grabient.com/palettes?q=kcnooGwj82143MXZMrZRMmyc6tM7hwDRzae0g)
- [Guide for agents](https://grabient.com/llms.txt)