# Rainbow from orange to green radial gradient

Rainbow from orange to green radial gradient with 32 colors: #e6522f, #e9663c, #ed8153, #f09e71, #f2b891, #f2ccad, #f2d7be, #f0d8be, #ecd2b1, #e6c79b, #deb97f, #d8aa62, #d69a47, #d88a39, #de753c, #df5f54, #d74d76, #c3469a, #a747b7, #864dc7, #6054c4, #365ab2, #005d97, #005d7a, #005f6c, #186565, #2e7467, #488b6c, #69a571, #90be73, #b5d272, #d2de71. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYoYoY8hBDtsuQFGw7HOhoyu6xNg`
- Page: https://grabient.com/kYoYoY8hBDtsuQFGw7HOhoyu6xNg?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: vivid, rainbow
- Hues: tetradic
- Contrast of its darkest and lightest colors: 5.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 | `#e6522f` | `oklch(63.39% 0.1902 34.45)` | Orangeade | black, 5.5 to 1 |
| 2 | `#e9663c` | `oklch(66.63% 0.1724 38.08)` | Teri-Gaki Persimmon | black, 6.4 to 1 |
| 3 | `#ed8153` | `oklch(71.51% 0.1458 43.34)` | Araigaki Orange | black, 7.8 to 1 |
| 4 | `#f09e71` | `oklch(77.14% 0.1151 49.47)` | Mexican Standoff | black, 9.8 to 1 |
| 5 | `#f2b891` | `oklch(82.62% 0.0850 55.73)` | Peach Taffy | black, 12 to 1 |
| 6 | `#f2ccad` | `oklch(87.06% 0.0602 61.34)` | Cosy Coverlet | black, 14 to 1 |
| 7 | `#f2d7be` | `oklch(89.57% 0.0454 65.55)` | Turkscap | black, 15.2 to 1 |
| 8 | `#f0d8be` | `oklch(89.59% 0.0437 68.85)` | Turkscap | black, 15.2 to 1 |
| 9 | `#ecd2b1` | `oklch(87.70% 0.0521 72.83)` | Crescent Cream | black, 14.4 to 1 |
| 10 | `#e6c79b` | `oklch(84.50% 0.0672 76.38)` | Electrum | black, 12.9 to 1 |
| 11 | `#deb97f` | `oklch(80.56% 0.0860 78.32)` | Ambitious | black, 11.3 to 1 |
| 12 | `#d8aa62` | `oklch(76.49% 0.1052 77.47)` | Streusel Cake | black, 9.8 to 1 |
| 13 | `#d69a47` | `oklch(72.85% 0.1217 72.64)` | Aged Gouda | black, 8.5 to 1 |
| 14 | `#d88a39` | `oklch(69.99% 0.1342 62.58)` | Coppersmith | black, 7.6 to 1 |
| 15 | `#de753c` | `oklch(67.19% 0.1480 47.03)` | Northern Barrens Dust | black, 6.7 to 1 |
| 16 | `#df5f54` | `oklch(64.42% 0.1621 27.54)` | Fiery Coral | black, 5.8 to 1 |
| 17 | `#d74d76` | `oklch(61.74% 0.1746 5.73)` | Rose Turkish Delight | black, 5.2 to 1 |
| 18 | `#c3469a` | `oklch(59.18% 0.1836 343.23)` | Rose Violet | black, 4.6 to 1 |
| 19 | `#a747b7` | `oklch(56.82% 0.1872 321.70)` | Fuchsia Pheromone | white, 4.9 to 1 |
| 20 | `#864dc7` | `oklch(54.60% 0.1832 302.42)` | Harley Hair Purple | white, 5.3 to 1 |
| 21 | `#6054c4` | `oklch(51.85% 0.1684 283.56)` | Circumorbital Ring | white, 5.8 to 1 |
| 22 | `#365ab2` | `oklch(48.89% 0.1462 264.70)` | Blasphemous Blue | white, 6.4 to 1 |
| 23 | `#005d97` | `oklch(46.29% 0.1195 246.17)` | Jetski Race | white, 6.9 to 1 |
| 24 | `#005d7a` | `oklch(44.60% 0.0871 228.14)` | Blue Edge | white, 7.3 to 1 |
| 25 | `#005f6c` | `oklch(44.39% 0.0770 210.92)` | Shaded Spruce | white, 7.3 to 1 |
| 26 | `#186565` | `oklch(46.25% 0.0710 194.73)` | Abduction | white, 6.8 to 1 |
| 27 | `#2e7467` | `oklch(51.07% 0.0737 178.68)` | Nominee | white, 5.5 to 1 |
| 28 | `#488b6c` | `oklch(58.24% 0.0836 162.78)` | Aegean Green | black, 5.1 to 1 |
| 29 | `#69a571` | `oklch(66.58% 0.0977 147.70)` | Aqua Forest | black, 7.1 to 1 |
| 30 | `#90be73` | `oklch(74.93% 0.1130 134.16)` | Leticiaz | black, 9.7 to 1 |
| 31 | `#b5d272` | `oklch(82.13% 0.1265 122.83)` | Fashion Green | black, 12.4 to 1 |
| 32 | `#d2de71` | `oklch(87.01% 0.1350 114.41)` | Ajwain Green | black, 14.4 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #e6522f 0.0%, #e9663c 3.2%, #ed8153 6.5%, #f09e71 9.7%, #f2b891 12.9%, #f2ccad 16.1%, #f2d7be 19.4%, #f0d8be 22.6%, #ecd2b1 25.8%, #e6c79b 29.0%, #deb97f 32.3%, #d8aa62 35.5%, #d69a47 38.7%, #d88a39 41.9%, #de753c 45.2%, #df5f54 48.4%, #d74d76 51.6%, #c3469a 54.8%, #a747b7 58.1%, #864dc7 61.3%, #6054c4 64.5%, #365ab2 67.7%, #005d97 71.0%, #005d7a 74.2%, #005f6c 77.4%, #186565 80.6%, #2e7467 83.9%, #488b6c 87.1%, #69a571 90.3%, #90be73 93.5%, #b5d272 96.8%, #d2de71 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(63.39% 0.1902 34.45) 0.0%, oklch(66.63% 0.1724 38.08) 3.2%, oklch(71.51% 0.1458 43.34) 6.5%, oklch(77.14% 0.1151 49.47) 9.7%, oklch(82.62% 0.0850 55.73) 12.9%, oklch(87.06% 0.0602 61.34) 16.1%, oklch(89.57% 0.0454 65.55) 19.4%, oklch(89.59% 0.0437 68.85) 22.6%, oklch(87.70% 0.0521 72.83) 25.8%, oklch(84.50% 0.0672 76.38) 29.0%, oklch(80.56% 0.0860 78.32) 32.3%, oklch(76.49% 0.1052 77.47) 35.5%, oklch(72.85% 0.1217 72.64) 38.7%, oklch(69.99% 0.1342 62.58) 41.9%, oklch(67.19% 0.1480 47.03) 45.2%, oklch(64.42% 0.1621 27.54) 48.4%, oklch(61.74% 0.1746 5.73) 51.6%, oklch(59.18% 0.1836 343.23) 54.8%, oklch(56.82% 0.1872 321.70) 58.1%, oklch(54.60% 0.1832 302.42) 61.3%, oklch(51.85% 0.1684 283.56) 64.5%, oklch(48.89% 0.1462 264.70) 67.7%, oklch(46.29% 0.1195 246.17) 71.0%, oklch(44.60% 0.0871 228.14) 74.2%, oklch(44.39% 0.0770 210.92) 77.4%, oklch(46.25% 0.0710 194.73) 80.6%, oklch(51.07% 0.0737 178.68) 83.9%, oklch(58.24% 0.0836 162.78) 87.1%, oklch(66.58% 0.0977 147.70) 90.3%, oklch(74.93% 0.1130 134.16) 93.5%, oklch(82.13% 0.1265 122.83) 96.8%, oklch(87.01% 0.1350 114.41) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.634 | 0.19 | 34.5 |
| 2 | 0.898 | 0.044 | 66.2 |
| 3 | 0.717 | 0.127 | 69.3 |
| 4 | 0.555 | 0.186 | -50.1 |
| 5 | 0.457 | 0.072 | -162.1 |
| 6 | 0.87 | 0.135 | -245.6 |

## Other forms

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