# Rainbow from green to gray linear gradient

Rainbow from green to gray linear gradient with 64 colors: #ebd346, #d9ce47, #c2c749, #a7bd4c, #89b150, #6aa354, #4a9456, #278357, #007156, #005e52, #004c4b, #003d42, #00303a, #002634, #001e31, #011931, #081630, #111732, #1c1b37, #2a213f, #3b2947, #4f3350, #653f59, #7c4d61, #935d68, #aa6d6e, #be7f73, #d09078, #de9f7d, #eaad81, #f1b784, #f6bc86, #f6bd86, #f4b884, #eeae80, #e5a17c, #d99178, #c98075, #b76f72, #a25e6f, #8b4f6c, #734267, #5c3661, #462d5a, #332552, #23204b, #151d44, #091d40, #011f3f, #00243c, #002b3e, #003344, #003e4b, #124a52, #245759, #366462, #48726c, #5a8077, #6b8e81, #7c9b8c, #8ca797, #9ab2a0, #a6bba8, #afc1ae. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kW23FGmhRSuqjU6eGixZIwyY`
- Page: https://grabient.com/kW23FGmhRSuqjU6eGixZIwyY?steps=64&angle=135
- Drawn as: linear gradient, 64 steps, 135 degrees
- Kinds: dark center, rainbow
- Hues: tetradic
- Contrast of its darkest and lightest colors: 11.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 | `#ebd346` | `oklch(86.22% 0.1557 99.14)` | Aurora | black, 13.9 to 1 |
| 2 | `#d9ce47` | `oklch(83.63% 0.1519 104.78)` | Confetti | black, 12.8 to 1 |
| 3 | `#c2c749` | `oklch(80.14% 0.1468 111.54)` | Tansy | black, 11.5 to 1 |
| 4 | `#a7bd4c` | `oklch(75.90% 0.1407 119.32)` | Money Banks | black, 10 to 1 |
| 5 | `#89b150` | `oklch(71.06% 0.1339 127.99)` | Parrot Green | black, 8.4 to 1 |
| 6 | `#6aa354` | `oklch(65.77% 0.1263 137.45)` | Off Green | black, 6.9 to 1 |
| 7 | `#4a9456` | `oklch(60.17% 0.1184 147.58)` | Ineffable Forest | black, 5.6 to 1 |
| 8 | `#278357` | `oklch(54.42% 0.1101 158.25)` | Kākāriki Green | white, 4.7 to 1 |
| 9 | `#007156` | `oklch(48.67% 0.0970 169.36)` | Precious Emerald | white, 6 to 1 |
| 10 | `#005e52` | `oklch(43.07% 0.0777 180.80)` | Alpine Green | white, 7.7 to 1 |
| 11 | `#004c4b` | `oklch(37.76% 0.0648 192.45)` | Deep Into the Jungle | white, 9.7 to 1 |
| 12 | `#003d42` | `oklch(32.90% 0.0561 204.22)` | Ghostlands Coal | white, 11.9 to 1 |
| 13 | `#00303a` | `oklch(28.63% 0.0509 216.00)` | Artist Blue | white, 14 to 1 |
| 14 | `#002634` | `oklch(25.11% 0.0488 227.66)` | Daintree | white, 15.8 to 1 |
| 15 | `#001e31` | `oklch(22.49% 0.0507 239.08)` | Cyanophobia | white, 17 to 1 |
| 16 | `#011931` | `oklch(20.89% 0.0570 249.75)` | Oxford by Night | white, 17.7 to 1 |
| 17 | `#081630` | `oklch(20.50% 0.0547 260.28)` | Liberty Blue | white, 17.9 to 1 |
| 18 | `#111732` | `oklch(21.52% 0.0538 271.59)` | Lost in Sadness | white, 17.6 to 1 |
| 19 | `#1c1b37` | `oklch(23.83% 0.0542 283.97)` | Nightwalker | white, 16.6 to 1 |
| 20 | `#2a213f` | `oklch(27.25% 0.0555 297.18)` | Midnight Velvet | white, 15.1 to 1 |
| 21 | `#3b2947` | `oklch(31.57% 0.0578 310.95)` | Obsidian Lava Black | white, 13.1 to 1 |
| 22 | `#4f3350` | `oklch(36.61% 0.0608 325.01)` | Shadow Purple | white, 10.9 to 1 |
| 23 | `#653f59` | `oklch(42.17% 0.0644 339.11)` | Primitive Plum | white, 8.6 to 1 |
| 24 | `#7c4d61` | `oklch(48.06% 0.0684 352.98)` | Red Endive | white, 6.7 to 1 |
| 25 | `#935d68` | `oklch(54.08% 0.0727 6.36)` | Raspberry Glace | white, 5.2 to 1 |
| 26 | `#aa6d6e` | `oklch(60.04% 0.0770 18.98)` | Pomegranate Tea | black, 5.1 to 1 |
| 27 | `#be7f73` | `oklch(65.74% 0.0813 30.60)` | Kitchen Terra Cotta | black, 6.4 to 1 |
| 28 | `#d09078` | `oklch(70.99% 0.0853 40.93)` | Orange Essential | black, 7.9 to 1 |
| 29 | `#de9f7d` | `oklch(75.60% 0.0890 49.73)` | Ciao | black, 9.3 to 1 |
| 30 | `#eaad81` | `oklch(79.37% 0.0921 56.73)` | Melting Sunset | black, 10.7 to 1 |
| 31 | `#f1b784` | `oklch(82.11% 0.0945 61.66)` | Camel Hair Coat | black, 11.8 to 1 |
| 32 | `#f6bc86` | `oklch(83.62% 0.0961 64.27)` | Melon Balls | black, 12.4 to 1 |
| 33 | `#f6bd86` | `oklch(83.73% 0.0967 64.28)` | Apricot Yellow | black, 12.5 to 1 |
| 34 | `#f4b884` | `oklch(82.47% 0.0967 61.58)` | Camel Hair Coat | black, 11.9 to 1 |
| 35 | `#eeae80` | `oklch(80.01% 0.0964 56.43)` | Melting Sunset | black, 10.9 to 1 |
| 36 | `#e5a17c` | `oklch(76.56% 0.0957 49.13)` | Peachy Tint | black, 9.6 to 1 |
| 37 | `#d99178` | `oklch(72.28% 0.0946 39.97)` | Buffed Copper | black, 8.2 to 1 |
| 38 | `#c98075` | `oklch(67.37% 0.0932 29.24)` | Canyon Clay | black, 6.8 to 1 |
| 39 | `#b76f72` | `oklch(62.01% 0.0916 17.25)` | Exotic Incense | black, 5.5 to 1 |
| 40 | `#a25e6f` | `oklch(56.38% 0.0898 4.29)` | Shine Baby Shine | white, 4.8 to 1 |
| 41 | `#8b4f6c` | `oklch(50.66% 0.0878 350.64)` | Raspberry Crush | white, 6.1 to 1 |
| 42 | `#734267` | `oklch(45.04% 0.0856 336.62)` | Magician’s Cloak | white, 7.7 to 1 |
| 43 | `#5c3661` | `oklch(39.71% 0.0834 322.51)` | Long Passionate Night | white, 9.7 to 1 |
| 44 | `#462d5a` | `oklch(34.84% 0.0811 308.60)` | Scarlet Gum | white, 11.7 to 1 |
| 45 | `#332552` | `oklch(30.62% 0.0788 295.20)` | Stormy Night | white, 13.6 to 1 |
| 46 | `#23204b` | `oklch(27.23% 0.0765 282.61)` | Azulado | white, 15.2 to 1 |
| 47 | `#151d44` | `oklch(24.87% 0.0743 271.10)` | Konkikyō Blue | white, 16.2 to 1 |
| 48 | `#091d40` | `oklch(23.70% 0.0722 260.99)` | Midnight Mirage | white, 16.6 to 1 |
| 49 | `#011f3f` | `oklch(23.83% 0.0701 252.03)` | Midnight Mirage | white, 16.5 to 1 |
| 50 | `#00243c` | `oklch(25.03% 0.0609 243.33)` | Murky Depths | white, 15.9 to 1 |
| 51 | `#002b3e` | `oklch(27.14% 0.0571 234.42)` | Murky Depths | white, 14.8 to 1 |
| 52 | `#003344` | `oklch(30.05% 0.0572 225.60)` | Nordic Noir | white, 13.4 to 1 |
| 53 | `#003e4b` | `oklch(33.61% 0.0598 216.86)` | Ghostlands Coal | white, 11.7 to 1 |
| 54 | `#124a52` | `oklch(37.72% 0.0569 208.40)` | Midnight Green | white, 9.8 to 1 |
| 55 | `#245759` | `oklch(42.23% 0.0541 200.19)` | Sea Challenge | white, 8.1 to 1 |
| 56 | `#366462` | `oklch(47.00% 0.0512 192.25)` | Moor Pond Green | white, 6.6 to 1 |
| 57 | `#48726c` | `oklch(51.92% 0.0483 184.64)` | Sinkhole | white, 5.3 to 1 |
| 58 | `#5a8077` | `oklch(56.84% 0.0456 177.40)` | Hanging Moss | black, 4.7 to 1 |
| 59 | `#6b8e81` | `oklch(61.63% 0.0429 170.59)` | Pine Ridge | black, 5.8 to 1 |
| 60 | `#7c9b8c` | `oklch(66.17% 0.0405 164.25)` | Parisian Patina | black, 6.9 to 1 |
| 61 | `#8ca797` | `oklch(70.33% 0.0382 158.44)` | Wintessa | black, 8 to 1 |
| 62 | `#9ab2a0` | `oklch(73.96% 0.0362 153.19)` | Phoenix Tears | black, 9.2 to 1 |
| 63 | `#a6bba8` | `oklch(76.94% 0.0345 148.55)` | Rockfall | black, 10.2 to 1 |
| 64 | `#afc1ae` | `oklch(79.13% 0.0331 144.58)` | Rainee | black, 11 to 1 |

## CSS

```css
background: linear-gradient(135deg, #ebd346 0.0%, #d9ce47 1.6%, #c2c749 3.2%, #a7bd4c 4.8%, #89b150 6.3%, #6aa354 7.9%, #4a9456 9.5%, #278357 11.1%, #007156 12.7%, #005e52 14.3%, #004c4b 15.9%, #003d42 17.5%, #00303a 19.0%, #002634 20.6%, #001e31 22.2%, #011931 23.8%, #081630 25.4%, #111732 27.0%, #1c1b37 28.6%, #2a213f 30.2%, #3b2947 31.7%, #4f3350 33.3%, #653f59 34.9%, #7c4d61 36.5%, #935d68 38.1%, #aa6d6e 39.7%, #be7f73 41.3%, #d09078 42.9%, #de9f7d 44.4%, #eaad81 46.0%, #f1b784 47.6%, #f6bc86 49.2%, #f6bd86 50.8%, #f4b884 52.4%, #eeae80 54.0%, #e5a17c 55.6%, #d99178 57.1%, #c98075 58.7%, #b76f72 60.3%, #a25e6f 61.9%, #8b4f6c 63.5%, #734267 65.1%, #5c3661 66.7%, #462d5a 68.3%, #332552 69.8%, #23204b 71.4%, #151d44 73.0%, #091d40 74.6%, #011f3f 76.2%, #00243c 77.8%, #002b3e 79.4%, #003344 81.0%, #003e4b 82.5%, #124a52 84.1%, #245759 85.7%, #366462 87.3%, #48726c 88.9%, #5a8077 90.5%, #6b8e81 92.1%, #7c9b8c 93.7%, #8ca797 95.2%, #9ab2a0 96.8%, #a6bba8 98.4%, #afc1ae 100.0%);
background: linear-gradient(135deg in oklch, oklch(86.22% 0.1557 99.14) 0.0%, oklch(83.63% 0.1519 104.78) 1.6%, oklch(80.14% 0.1468 111.54) 3.2%, oklch(75.90% 0.1407 119.32) 4.8%, oklch(71.06% 0.1339 127.99) 6.3%, oklch(65.77% 0.1263 137.45) 7.9%, oklch(60.17% 0.1184 147.58) 9.5%, oklch(54.42% 0.1101 158.25) 11.1%, oklch(48.67% 0.0970 169.36) 12.7%, oklch(43.07% 0.0777 180.80) 14.3%, oklch(37.76% 0.0648 192.45) 15.9%, oklch(32.90% 0.0561 204.22) 17.5%, oklch(28.63% 0.0509 216.00) 19.0%, oklch(25.11% 0.0488 227.66) 20.6%, oklch(22.49% 0.0507 239.08) 22.2%, oklch(20.89% 0.0570 249.75) 23.8%, oklch(20.50% 0.0547 260.28) 25.4%, oklch(21.52% 0.0538 271.59) 27.0%, oklch(23.83% 0.0542 283.97) 28.6%, oklch(27.25% 0.0555 297.18) 30.2%, oklch(31.57% 0.0578 310.95) 31.7%, oklch(36.61% 0.0608 325.01) 33.3%, oklch(42.17% 0.0644 339.11) 34.9%, oklch(48.06% 0.0684 352.98) 36.5%, oklch(54.08% 0.0727 6.36) 38.1%, oklch(60.04% 0.0770 18.98) 39.7%, oklch(65.74% 0.0813 30.60) 41.3%, oklch(70.99% 0.0853 40.93) 42.9%, oklch(75.60% 0.0890 49.73) 44.4%, oklch(79.37% 0.0921 56.73) 46.0%, oklch(82.11% 0.0945 61.66) 47.6%, oklch(83.62% 0.0961 64.27) 49.2%, oklch(83.73% 0.0967 64.28) 50.8%, oklch(82.47% 0.0967 61.58) 52.4%, oklch(80.01% 0.0964 56.43) 54.0%, oklch(76.56% 0.0957 49.13) 55.6%, oklch(72.28% 0.0946 39.97) 57.1%, oklch(67.37% 0.0932 29.24) 58.7%, oklch(62.01% 0.0916 17.25) 60.3%, oklch(56.38% 0.0898 4.29) 61.9%, oklch(50.66% 0.0878 350.64) 63.5%, oklch(45.04% 0.0856 336.62) 65.1%, oklch(39.71% 0.0834 322.51) 66.7%, oklch(34.84% 0.0811 308.60) 68.3%, oklch(30.62% 0.0788 295.20) 69.8%, oklch(27.23% 0.0765 282.61) 71.4%, oklch(24.87% 0.0743 271.10) 73.0%, oklch(23.70% 0.0722 260.99) 74.6%, oklch(23.83% 0.0701 252.03) 76.2%, oklch(25.03% 0.0609 243.33) 77.8%, oklch(27.14% 0.0571 234.42) 79.4%, oklch(30.05% 0.0572 225.60) 81.0%, oklch(33.61% 0.0598 216.86) 82.5%, oklch(37.72% 0.0569 208.40) 84.1%, oklch(42.23% 0.0541 200.19) 85.7%, oklch(47.00% 0.0512 192.25) 87.3%, oklch(51.92% 0.0483 184.64) 88.9%, oklch(56.84% 0.0456 177.40) 90.5%, oklch(61.63% 0.0429 170.59) 92.1%, oklch(66.17% 0.0405 164.25) 93.7%, oklch(70.33% 0.0382 158.44) 95.2%, oklch(73.96% 0.0362 153.19) 96.8%, oklch(76.94% 0.0345 148.55) 98.4%, oklch(79.13% 0.0331 144.58) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.862 | 0.156 | 99.1 |
| 2 | 0.205 | 0.055 | 257.7 |
| 3 | 0.839 | 0.096 | 424.6 |
| 4 | 0.236 | 0.072 | 258.7 |
| 5 | 0.791 | 0.033 | 144.6 |

## Other forms

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