# Rainbow from purple to brown linear gradient

Rainbow from purple to brown linear gradient with 34 colors: #e0466e, #d3427f, #bd3d91, #a13da4, #8344b6, #6554c7, #3771d6, #0092c7, #00adbb, #00c2a9, #45c988, #79c46b, #97ba51, #adac36, #c09b18, #d08300, #d96322, #d5404e, #c42b7a, #ab30a3, #8d45c2, #6d5ed0, #4c75cf, #2889c7, #0098ba, #00a9b0, #00bba4, #16cc86, #73cd58, #a9be14, #c5a400, #ce881d, #c57442, #bb6a53. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kcnooGwj82143MXZMrZRMmyc6tM7hwDRzae0g`
- Page: https://grabient.com/kcnooGwj82143MXZMrZRMmyc6tM7hwDRzae0g?steps=34
- Drawn as: linear gradient, 34 steps, 90 degrees
- Kinds: vivid, rainbow
- Hues: multi-hue
- Contrast of its darkest and lightest colors: 3 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 | `#d3427f` | `oklch(60.14% 0.1878 358.66)` | Jaipur Pink | black, 4.8 to 1 |
| 3 | `#bd3d91` | `oklch(56.91% 0.1846 344.19)` | Boat Orchid | white, 4.9 to 1 |
| 4 | `#a13da4` | `oklch(53.74% 0.1807 326.64)` | Medium Purple | white, 5.6 to 1 |
| 5 | `#8344b6` | `oklch(51.86% 0.1766 306.92)` | Harley Hair Purple | white, 6 to 1 |
| 6 | `#6554c7` | `oklch(52.49% 0.1724 285.71)` | Circumorbital Ring | white, 5.7 to 1 |
| 7 | `#3771d6` | `oklch(56.36% 0.1677 260.73)` | Enchanting Sapphire | white, 4.6 to 1 |
| 8 | `#0092c7` | `oklch(62.16% 0.1284 233.00)` | Dynamic Blue | black, 5.9 to 1 |
| 9 | `#00adbb` | `oklch(68.22% 0.1165 204.99)` | Placid Sea | black, 7.6 to 1 |
| 10 | `#00c2a9` | `oklch(72.87% 0.1330 179.18)` | Turquoise | black, 9.2 to 1 |
| 11 | `#45c988` | `oklch(74.83% 0.1491 157.83)` | Enamelled Dragon | black, 9.9 to 1 |
| 12 | `#79c46b` | `oklch(75.08% 0.1439 140.45)` | Mantis | black, 9.9 to 1 |
| 13 | `#97ba51` | `oklch(74.16% 0.1391 124.92)` | Happy Tune | black, 9.4 to 1 |
| 14 | `#adac36` | `oklch(72.46% 0.1367 109.13)` | Friendly Frog | black, 8.7 to 1 |
| 15 | `#c09b18` | `oklch(70.38% 0.1385 90.96)` | Rapeseed | black, 7.9 to 1 |
| 16 | `#d08300` | `oklch(67.56% 0.1472 69.13)` | Copious Caramel | black, 6.9 to 1 |
| 17 | `#d96322` | `oklch(63.47% 0.1653 44.96)` | Hot Hazel | black, 5.7 to 1 |
| 18 | `#d5404e` | `oklch(59.13% 0.1843 19.65)` | Smooch Rouge | black, 4.6 to 1 |
| 19 | `#c42b7a` | `oklch(55.58% 0.1986 354.47)` | Magenta Dye | white, 5.2 to 1 |
| 20 | `#ab30a3` | `oklch(53.83% 0.2021 330.62)` | Purple Tone Ink | white, 5.7 to 1 |
| 21 | `#8d45c2` | `oklch(54.02% 0.1905 307.93)` | Harley Hair Purple | white, 5.5 to 1 |
| 22 | `#6d5ed0` | `oklch(55.49% 0.1691 285.77)` | Astro Purple | white, 5 to 1 |
| 23 | `#4c75cf` | `oklch(57.77% 0.1458 264.01)` | Serenity’s Reign | black, 4.7 to 1 |
| 24 | `#2889c7` | `oklch(60.37% 0.1283 242.54)` | Newport Blue | black, 5.4 to 1 |
| 25 | `#0098ba` | `oklch(63.02% 0.1158 221.28)` | Serene Blue | black, 6.2 to 1 |
| 26 | `#00a9b0` | `oklch(66.81% 0.1136 200.40)` | Blue Bolero | black, 7.3 to 1 |
| 27 | `#00bba4` | `oklch(71.07% 0.1291 179.82)` | Capture | black, 8.6 to 1 |
| 28 | `#16cc86` | `oklch(74.71% 0.1672 159.40)` | Retro Lime | black, 10 to 1 |
| 29 | `#73cd58` | `oklch(76.67% 0.1762 138.99)` | Green Flash | black, 10.6 to 1 |
| 30 | `#a9be14` | `oklch(75.91% 0.1720 117.57)` | Bahia | black, 10 to 1 |
| 31 | `#c5a400` | `oklch(72.64% 0.1489 94.03)` | La Vida | black, 8.6 to 1 |
| 32 | `#ce881d` | `oklch(68.19% 0.1390 70.95)` | Chicken Masala | black, 7.1 to 1 |
| 33 | `#c57442` | `oklch(63.87% 0.1209 51.02)` | Marmalade Glaze | black, 5.9 to 1 |
| 34 | `#bb6a53` | `oklch(61.02% 0.1089 36.97)` | Warm Cider | black, 5.2 to 1 |

## CSS

```css
background: linear-gradient(90deg, #e0466e 0.0%, #d3427f 3.0%, #bd3d91 6.1%, #a13da4 9.1%, #8344b6 12.1%, #6554c7 15.2%, #3771d6 18.2%, #0092c7 21.2%, #00adbb 24.2%, #00c2a9 27.3%, #45c988 30.3%, #79c46b 33.3%, #97ba51 36.4%, #adac36 39.4%, #c09b18 42.4%, #d08300 45.5%, #d96322 48.5%, #d5404e 51.5%, #c42b7a 54.5%, #ab30a3 57.6%, #8d45c2 60.6%, #6d5ed0 63.6%, #4c75cf 66.7%, #2889c7 69.7%, #0098ba 72.7%, #00a9b0 75.8%, #00bba4 78.8%, #16cc86 81.8%, #73cd58 84.8%, #a9be14 87.9%, #c5a400 90.9%, #ce881d 93.9%, #c57442 97.0%, #bb6a53 100.0%);
background: linear-gradient(90deg in oklch, oklch(62.20% 0.1902 9.14) 0.0%, oklch(60.14% 0.1878 358.66) 3.0%, oklch(56.91% 0.1846 344.19) 6.1%, oklch(53.74% 0.1807 326.64) 9.1%, oklch(51.86% 0.1766 306.92) 12.1%, oklch(52.49% 0.1724 285.71) 15.2%, oklch(56.36% 0.1677 260.73) 18.2%, oklch(62.16% 0.1284 233.00) 21.2%, oklch(68.22% 0.1165 204.99) 24.2%, oklch(72.87% 0.1330 179.18) 27.3%, oklch(74.83% 0.1491 157.83) 30.3%, oklch(75.08% 0.1439 140.45) 33.3%, oklch(74.16% 0.1391 124.92) 36.4%, oklch(72.46% 0.1367 109.13) 39.4%, oklch(70.38% 0.1385 90.96) 42.4%, oklch(67.56% 0.1472 69.13) 45.5%, oklch(63.47% 0.1653 44.96) 48.5%, oklch(59.13% 0.1843 19.65) 51.5%, oklch(55.58% 0.1986 354.47) 54.5%, oklch(53.83% 0.2021 330.62) 57.6%, oklch(54.02% 0.1905 307.93) 60.6%, oklch(55.49% 0.1691 285.77) 63.6%, oklch(57.77% 0.1458 264.01) 66.7%, oklch(60.37% 0.1283 242.54) 69.7%, oklch(63.02% 0.1158 221.28) 72.7%, oklch(66.81% 0.1136 200.40) 75.8%, oklch(71.07% 0.1291 179.82) 78.8%, oklch(74.71% 0.1672 159.40) 81.8%, oklch(76.67% 0.1762 138.99) 84.8%, oklch(75.91% 0.1720 117.57) 87.9%, oklch(72.64% 0.1489 94.03) 90.9%, oklch(68.19% 0.1390 70.95) 93.9%, oklch(63.87% 0.1209 51.02) 97.0%, 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=34)
- [PNG](https://grabient.com/kcnooGwj82143MXZMrZRMmyc6tM7hwDRzae0g.png?steps=34)
- [SVG](https://grabient.com/kcnooGwj82143MXZMrZRMmyc6tM7hwDRzae0g.svg?steps=34)
- [CSS](https://grabient.com/kcnooGwj82143MXZMrZRMmyc6tM7hwDRzae0g.css?steps=34)
- [ASE](https://grabient.com/kcnooGwj82143MXZMrZRMmyc6tM7hwDRzae0g.ase?steps=34)
- [GPL](https://grabient.com/kcnooGwj82143MXZMrZRMmyc6tM7hwDRzae0g.gpl?steps=34)
- [GRD](https://grabient.com/kcnooGwj82143MXZMrZRMmyc6tM7hwDRzae0g.grd?steps=34)
- [Design tokens](https://grabient.com/kcnooGwj82143MXZMrZRMmyc6tM7hwDRzae0g.tokens.json?steps=34)
- [Social card](https://grabient.com/api/og?seed=kcnooGwj82143MXZMrZRMmyc6tM7hwDRzae0g&steps=34)
- [Palettes like this one](https://grabient.com/palettes?q=kcnooGwj82143MXZMrZRMmyc6tM7hwDRzae0g)
- [Guide for agents](https://grabient.com/llms.txt)