# Yellow green violet spectrum

Rainbow from olive to orange linear gradient with 48 colors: #888f00, #928900, #9c8300, #a67b00, #b17100, #bc6513, #c05b35, #c0544f, #bc5167, #b4507e, #aa5293, #9d56a4, #905cb3, #8063be, #6e6ac6, #5873ca, #3b7bca, #0084c5, #008bb3, #0090a7, #00959d, #009a93, #009f89, #00a57d, #26a971, #46ad68, #5db263, #71b75f, #82bd5e, #92c45d, #a1ca5d, #afcf5c, #bcd35b, #c8d557, #d3d551, #ddd249, #e5cb3c, #eac12a, #eeb311, #eea400, #ea9400, #e68300, #e17000, #db5d00, #d34c14, #cb3d21, #c43029, #be262f. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Rainbow from olive to orange linear gradient
- Seed: `kWnmVQyDKtFIyLjruDjQsQ2g`
- Page: https://grabient.com/kWnmVQyDKtFIyLjruDjQsQ2g?steps=48&angle=225
- Drawn as: linear gradient, 48 steps, 225 degrees
- Kinds: vivid, rainbow
- Hues: wide
- Contrast of its darkest and lightest colors: 3.8 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 | `#888f00` | `oklch(62.21% 0.1389 113.20)` | Foggy Bog | black, 5.9 to 1 |
| 2 | `#928900` | `oklch(61.89% 0.1315 105.27)` | Medusa Green | black, 5.8 to 1 |
| 3 | `#9c8300` | `oklch(61.43% 0.1262 95.27)` | Pestilence | black, 5.6 to 1 |
| 4 | `#a67b00` | `oklch(60.86% 0.1250 83.51)` | Hornet Yellow | black, 5.4 to 1 |
| 5 | `#b17100` | `oklch(60.23% 0.1302 70.31)` | Philippine Gold | black, 5.2 to 1 |
| 6 | `#bc6513` | `oklch(59.55% 0.1392 56.01)` | Sugar Coated Almond | black, 4.9 to 1 |
| 7 | `#c05b35` | `oklch(58.87% 0.1393 40.87)` | Tartare | black, 4.7 to 1 |
| 8 | `#c0544f` | `oklch(58.23% 0.1393 25.23)` | Maple Red | black, 4.6 to 1 |
| 9 | `#bc5167` | `oklch(57.65% 0.1393 9.39)` | Popstar | white, 4.6 to 1 |
| 10 | `#b4507e` | `oklch(57.18% 0.1393 353.67)` | Exuberant Pink | white, 4.7 to 1 |
| 11 | `#aa5293` | `oklch(56.84% 0.1392 338.39)` | Brilliant Carmine | white, 4.8 to 1 |
| 12 | `#9d56a4` | `oklch(56.68% 0.1392 323.86)` | Heath Spotted Orchid | white, 4.8 to 1 |
| 13 | `#905cb3` | `oklch(56.72% 0.1392 310.32)` | Lusty Lavender | white, 4.8 to 1 |
| 14 | `#8063be` | `oklch(56.90% 0.1390 296.81)` | Lavish Spending | white, 4.7 to 1 |
| 15 | `#6e6ac6` | `oklch(57.18% 0.1387 282.97)` | Purple Toolbox | white, 4.6 to 1 |
| 16 | `#5873ca` | `oklch(57.56% 0.1384 268.95)` | Indigo Light | black, 4.7 to 1 |
| 17 | `#3b7bca` | `oklch(58.05% 0.1380 254.91)` | Heirloom Hydrangea | black, 4.8 to 1 |
| 18 | `#0084c5` | `oklch(58.62% 0.1366 240.99)` | Water Raceway | black, 5.1 to 1 |
| 19 | `#008bb3` | `oklch(59.30% 0.1149 227.33)` | Spinnaker Blue | black, 5.3 to 1 |
| 20 | `#0090a7` | `oklch(60.06% 0.1056 214.07)` | Zeftron | black, 5.5 to 1 |
| 21 | `#00959d` | `oklch(60.91% 0.1036 201.39)` | Peacock Feather | black, 5.7 to 1 |
| 22 | `#009a93` | `oklch(61.85% 0.1070 189.41)` | Green Dynasty | black, 6 to 1 |
| 23 | `#009f89` | `oklch(62.88% 0.1155 178.30)` | Reptilian Green | black, 6.3 to 1 |
| 24 | `#00a57d` | `oklch(63.98% 0.1293 168.19)` | Active Green | black, 6.6 to 1 |
| 25 | `#26a971` | `oklch(65.23% 0.1381 159.28)` | Garden Medley | black, 6.9 to 1 |
| 26 | `#46ad68` | `oklch(66.91% 0.1389 151.66)` | Seaweed Green | black, 7.4 to 1 |
| 27 | `#5db263` | `oklch(68.97% 0.1398 145.18)` | Boring Green | black, 7.9 to 1 |
| 28 | `#71b75f` | `oklch(71.28% 0.1409 139.63)` | Palm Tree | black, 8.6 to 1 |
| 29 | `#82bd5e` | `oklch(73.74% 0.1421 134.82)` | Makin It Rain | black, 9.4 to 1 |
| 30 | `#92c45d` | `oklch(76.21% 0.1434 130.54)` | Cabbage Patch | black, 10.2 to 1 |
| 31 | `#a1ca5d` | `oklch(78.58% 0.1448 126.59)` | Be Spontaneous | black, 11.1 to 1 |
| 32 | `#afcf5c` | `oklch(80.73% 0.1464 122.78)` | Juicy Lime | black, 11.9 to 1 |
| 33 | `#bcd35b` | `oklch(82.54% 0.1481 118.89)` | Glow Worm | black, 12.6 to 1 |
| 34 | `#c8d557` | `oklch(83.90% 0.1499 114.73)` | Citrus Delight | black, 13.1 to 1 |
| 35 | `#d3d551` | `oklch(84.67% 0.1518 110.10)` | Citrus Delight | black, 13.3 to 1 |
| 36 | `#ddd249` | `oklch(84.75% 0.1538 104.80)` | Viameter | black, 13.3 to 1 |
| 37 | `#e5cb3c` | `oklch(83.99% 0.1560 98.66)` | Crazy | black, 12.9 to 1 |
| 38 | `#eac12a` | `oklch(82.36% 0.1587 91.81)` | Sun Wukong’s Crown | black, 12.1 to 1 |
| 39 | `#eeb311` | `oklch(80.01% 0.1616 84.43)` | Rucksack Tan | black, 11.1 to 1 |
| 40 | `#eea400` | `oklch(77.10% 0.1615 76.69)` | Lemon Dream | black, 9.9 to 1 |
| 41 | `#ea9400` | `oklch(73.78% 0.1611 68.79)` | Gold Fusion | black, 8.7 to 1 |
| 42 | `#e68300` | `oklch(70.21% 0.1632 60.91)` | Master Round Yellow | black, 7.5 to 1 |
| 43 | `#e17000` | `oklch(66.56% 0.1685 53.21)` | Accent Orange | black, 6.5 to 1 |
| 44 | `#db5d00` | `oklch(62.96% 0.1773 45.90)` | Ancient Bamboo | black, 5.5 to 1 |
| 45 | `#d34c14` | `oklch(59.59% 0.1809 39.17)` | Dizzy Days | black, 4.8 to 1 |
| 46 | `#cb3d21` | `oklch(56.59% 0.1835 33.16)` | Red Sauce Parlour | white, 4.9 to 1 |
| 47 | `#c43029` | `oklch(54.13% 0.1857 28.07)` | Peri Peri | white, 5.5 to 1 |
| 48 | `#be262f` | `oklch(52.36% 0.1874 24.08)` | Bow Tie | white, 5.9 to 1 |

## CSS

```css
background: linear-gradient(225deg, #888f00 0.0%, #928900 2.1%, #9c8300 4.3%, #a67b00 6.4%, #b17100 8.5%, #bc6513 10.6%, #c05b35 12.8%, #c0544f 14.9%, #bc5167 17.0%, #b4507e 19.1%, #aa5293 21.3%, #9d56a4 23.4%, #905cb3 25.5%, #8063be 27.7%, #6e6ac6 29.8%, #5873ca 31.9%, #3b7bca 34.0%, #0084c5 36.2%, #008bb3 38.3%, #0090a7 40.4%, #00959d 42.6%, #009a93 44.7%, #009f89 46.8%, #00a57d 48.9%, #26a971 51.1%, #46ad68 53.2%, #5db263 55.3%, #71b75f 57.4%, #82bd5e 59.6%, #92c45d 61.7%, #a1ca5d 63.8%, #afcf5c 66.0%, #bcd35b 68.1%, #c8d557 70.2%, #d3d551 72.3%, #ddd249 74.5%, #e5cb3c 76.6%, #eac12a 78.7%, #eeb311 80.9%, #eea400 83.0%, #ea9400 85.1%, #e68300 87.2%, #e17000 89.4%, #db5d00 91.5%, #d34c14 93.6%, #cb3d21 95.7%, #c43029 97.9%, #be262f 100.0%);
background: linear-gradient(225deg in oklch, oklch(62.21% 0.1389 113.20) 0.0%, oklch(61.89% 0.1315 105.27) 2.1%, oklch(61.43% 0.1262 95.27) 4.3%, oklch(60.86% 0.1250 83.51) 6.4%, oklch(60.23% 0.1302 70.31) 8.5%, oklch(59.55% 0.1392 56.01) 10.6%, oklch(58.87% 0.1393 40.87) 12.8%, oklch(58.23% 0.1393 25.23) 14.9%, oklch(57.65% 0.1393 9.39) 17.0%, oklch(57.18% 0.1393 353.67) 19.1%, oklch(56.84% 0.1392 338.39) 21.3%, oklch(56.68% 0.1392 323.86) 23.4%, oklch(56.72% 0.1392 310.32) 25.5%, oklch(56.90% 0.1390 296.81) 27.7%, oklch(57.18% 0.1387 282.97) 29.8%, oklch(57.56% 0.1384 268.95) 31.9%, oklch(58.05% 0.1380 254.91) 34.0%, oklch(58.62% 0.1366 240.99) 36.2%, oklch(59.30% 0.1149 227.33) 38.3%, oklch(60.06% 0.1056 214.07) 40.4%, oklch(60.91% 0.1036 201.39) 42.6%, oklch(61.85% 0.1070 189.41) 44.7%, oklch(62.88% 0.1155 178.30) 46.8%, oklch(63.98% 0.1293 168.19) 48.9%, oklch(65.23% 0.1381 159.28) 51.1%, oklch(66.91% 0.1389 151.66) 53.2%, oklch(68.97% 0.1398 145.18) 55.3%, oklch(71.28% 0.1409 139.63) 57.4%, oklch(73.74% 0.1421 134.82) 59.6%, oklch(76.21% 0.1434 130.54) 61.7%, oklch(78.58% 0.1448 126.59) 63.8%, oklch(80.73% 0.1464 122.78) 66.0%, oklch(82.54% 0.1481 118.89) 68.1%, oklch(83.90% 0.1499 114.73) 70.2%, oklch(84.67% 0.1518 110.10) 72.3%, oklch(84.75% 0.1538 104.80) 74.5%, oklch(83.99% 0.1560 98.66) 76.6%, oklch(82.36% 0.1587 91.81) 78.7%, oklch(80.01% 0.1616 84.43) 80.9%, oklch(77.10% 0.1615 76.69) 83.0%, oklch(73.78% 0.1611 68.79) 85.1%, oklch(70.21% 0.1632 60.91) 87.2%, oklch(66.56% 0.1685 53.21) 89.4%, oklch(62.96% 0.1773 45.90) 91.5%, oklch(59.59% 0.1809 39.17) 93.6%, oklch(56.59% 0.1835 33.16) 95.7%, oklch(54.13% 0.1857 28.07) 97.9%, oklch(52.36% 0.1874 24.08) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.622 | 0.139 | 113.2 |
| 2 | 0.567 | 0.139 | -46.4 |
| 3 | 0.646 | 0.138 | -196.4 |
| 4 | 0.846 | 0.154 | -256.7 |
| 5 | 0.524 | 0.187 | -335.9 |

## In these collections

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

## Other forms

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