# Rainbow radial gradient

Rainbow radial gradient with 64 colors: #eea224, #ed9b2a, #eb9230, #e88937, #e27f3f, #db7446, #d36a4e, #c86054, #bc565a, #af4d60, #a14664, #923f67, #833a6a, #74356b, #65316b, #572e6a, #492c68, #3d2a66, #312a64, #272a61, #1c2b5f, #102d5e, #00315d, #003657, #003c55, #004256, #004a58, #00525b, #005c5e, #006661, #007163, #167c64, #338663, #4a9063, #5f9963, #73a163, #86a963, #99b064, #aab665, #b9ba67, #c7be69, #d3c16b, #dcc26c, #e4c26d, #e9c26e, #edc16e, #f0bf6e, #f2bd6d, #f2ba6b, #f2b769, #f1b366, #efb062, #ecac5e, #e9a85a, #e6a455, #e3a051, #e09c4c, #dc9847, #d99443, #d6913e, #d48e3a, #d28c37, #d08934, #cf8833. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUw3A0JyIregoLDXL7zA`
- Page: https://grabient.com/kUw3A0JyIregoLDXL7zA?style=radialGradient&steps=64&angle=0
- Drawn as: radial gradient, 64 steps, 0 degrees
- Kinds: dark center, vivid, rainbow
- Hues: analogous
- Contrast of its darkest and lightest colors: 7.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 | `#eea224` | `oklch(76.77% 0.1543 73.13)` | Lemon Dream | black, 9.8 to 1 |
| 2 | `#ed9b2a` | `oklch(75.47% 0.1527 68.61)` | Burning Trail | black, 9.3 to 1 |
| 3 | `#eb9230` | `oklch(73.78% 0.1506 63.35)` | Carrot Orange | black, 8.7 to 1 |
| 4 | `#e88937` | `oklch(71.76% 0.1482 57.41)` | Goblin Eyes | black, 8 to 1 |
| 5 | `#e27f3f` | `oklch(69.44% 0.1454 50.84)` | Pizazz | black, 7.3 to 1 |
| 6 | `#db7446` | `oklch(66.89% 0.1424 43.70)` | Orange Shot | black, 6.6 to 1 |
| 7 | `#d36a4e` | `oklch(64.13% 0.1392 36.06)` | Sun Baked | black, 5.9 to 1 |
| 8 | `#c86054` | `oklch(61.23% 0.1358 27.96)` | Sunglo | black, 5.2 to 1 |
| 9 | `#bc565a` | `oklch(58.22% 0.1322 19.47)` | Hibiscus Flower | black, 4.6 to 1 |
| 10 | `#af4d60` | `oklch(55.15% 0.1285 10.64)` | Gala Pink | white, 5.1 to 1 |
| 11 | `#a14664` | `oklch(52.07% 0.1248 1.54)` | Ancient Fuchsia | white, 5.8 to 1 |
| 12 | `#923f67` | `oklch(49.03% 0.1211 352.22)` | Dynamo | white, 6.6 to 1 |
| 13 | `#833a6a` | `oklch(46.06% 0.1175 342.74)` | Midnight Aubergine | white, 7.5 to 1 |
| 14 | `#74356b` | `oklch(43.23% 0.1139 333.16)` | Ayame Iris | white, 8.5 to 1 |
| 15 | `#65316b` | `oklch(40.57% 0.1104 323.54)` | Seance | white, 9.5 to 1 |
| 16 | `#572e6a` | `oklch(38.12% 0.1072 313.92)` | Imperial Purple | white, 10.4 to 1 |
| 17 | `#492c68` | `oklch(35.95% 0.1041 304.39)` | Violet Indigo | white, 11.3 to 1 |
| 18 | `#3d2a66` | `oklch(34.09% 0.1013 294.98)` | Her Highness | white, 12.1 to 1 |
| 19 | `#312a64` | `oklch(32.59% 0.0988 285.76)` | Paris M | white, 12.8 to 1 |
| 20 | `#272a61` | `oklch(31.49% 0.0967 276.79)` | Deep Breath | white, 13.2 to 1 |
| 21 | `#1c2b5f` | `oklch(30.85% 0.0950 268.12)` | Schiava Blue | white, 13.4 to 1 |
| 22 | `#102d5e` | `oklch(30.71% 0.0937 259.82)` | Marine | white, 13.4 to 1 |
| 23 | `#00315d` | `oklch(31.12% 0.0923 251.68)` | Effervescent Blue | white, 13.1 to 1 |
| 24 | `#003657` | `oklch(32.07% 0.0778 243.19)` | Night Dive | white, 12.5 to 1 |
| 25 | `#003c55` | `oklch(33.49% 0.0705 234.49)` | Duskwood | white, 11.8 to 1 |
| 26 | `#004256` | `oklch(35.34% 0.0673 225.62)` | Crab Nebula | white, 10.9 to 1 |
| 27 | `#004a58` | `oklch(37.57% 0.0670 216.63)` | Midnight Green | white, 9.9 to 1 |
| 28 | `#00525b` | `oklch(40.13% 0.0689 207.58)` | Blue Period | white, 8.8 to 1 |
| 29 | `#005c5e` | `oklch(42.96% 0.0731 198.49)` | Enamelled Jewel | white, 7.8 to 1 |
| 30 | `#006661` | `oklch(46.01% 0.0796 189.43)` | Peacock Pride | white, 6.8 to 1 |
| 31 | `#007163` | `oklch(49.23% 0.0891 180.43)` | Falcon Turquoise | white, 5.9 to 1 |
| 32 | `#167c64` | `oklch(52.56% 0.0963 171.55)` | Turquoise Cyan | white, 5.1 to 1 |
| 33 | `#338663` | `oklch(55.96% 0.0975 162.80)` | Chrysocolla Green | black, 4.7 to 1 |
| 34 | `#4a9063` | `oklch(59.37% 0.0988 154.24)` | Illuminati Green | black, 5.4 to 1 |
| 35 | `#5f9963` | `oklch(62.74% 0.1002 145.91)` | Wildness Mint | black, 6.1 to 1 |
| 36 | `#73a163` | `oklch(66.01% 0.1016 137.86)` | Bulbasaur | black, 7 to 1 |
| 37 | `#86a963` | `oklch(69.14% 0.1030 130.13)` | Chelsea Cucumber | black, 7.8 to 1 |
| 38 | `#99b064` | `oklch(72.07% 0.1043 122.76)` | Herbal Garden | black, 8.7 to 1 |
| 39 | `#aab665` | `oklch(74.74% 0.1057 115.79)` | Beach Bag | black, 9.5 to 1 |
| 40 | `#b9ba67` | `oklch(77.12% 0.1070 109.27)` | Citrus Peel | black, 10.3 to 1 |
| 41 | `#c7be69` | `oklch(79.13% 0.1082 103.25)` | Go Go Lime | black, 11 to 1 |
| 42 | `#d3c16b` | `oklch(80.74% 0.1093 97.76)` | Mustard Oil | black, 11.5 to 1 |
| 43 | `#dcc26c` | `oklch(81.89% 0.1102 92.85)` | Highlight Gold | black, 12 to 1 |
| 44 | `#e4c26d` | `oklch(82.63% 0.1112 88.53)` | Bountiful Gold | black, 12.2 to 1 |
| 45 | `#e9c26e` | `oklch(83.08% 0.1121 84.75)` | Sun Salutation | black, 12.4 to 1 |
| 46 | `#edc16e` | `oklch(83.25% 0.1132 81.47)` | Vietnamese Lantern | black, 12.4 to 1 |
| 47 | `#f0bf6e` | `oklch(83.17% 0.1142 78.66)` | Vietnamese Lantern | black, 12.3 to 1 |
| 48 | `#f2bd6d` | `oklch(82.88% 0.1153 76.28)` | Brasso | black, 12.2 to 1 |
| 49 | `#f2ba6b` | `oklch(82.38% 0.1164 74.29)` | Brasso | black, 12 to 1 |
| 50 | `#f2b769` | `oklch(81.71% 0.1176 72.66)` | Olden Amber | black, 11.7 to 1 |
| 51 | `#f1b366` | `oklch(80.90% 0.1187 71.34)` | Ba-Dum Ching! | black, 11.3 to 1 |
| 52 | `#efb062` | `oklch(79.97% 0.1199 70.31)` | Cheater | black, 11 to 1 |
| 53 | `#ecac5e` | `oklch(78.94% 0.1210 69.52)` | Summer Day | black, 10.6 to 1 |
| 54 | `#e9a85a` | `oklch(77.84% 0.1222 68.94)` | Apricot Sorbet | black, 10.2 to 1 |
| 55 | `#e6a455` | `oklch(76.69% 0.1233 68.53)` | Jurassic Gold | black, 9.8 to 1 |
| 56 | `#e3a051` | `oklch(75.53% 0.1244 68.25)` | Roasted Squash | black, 9.3 to 1 |
| 57 | `#e09c4c` | `oklch(74.37% 0.1254 68.08)` | Honeycomb Yellow | black, 9 to 1 |
| 58 | `#dc9847` | `oklch(73.24% 0.1264 67.96)` | Aged Gouda | black, 8.6 to 1 |
| 59 | `#d99443` | `oklch(72.16% 0.1273 67.86)` | Hint of Caramel | black, 8.3 to 1 |
| 60 | `#d6913e` | `oklch(71.17% 0.1282 67.75)` | Hint of Caramel | black, 8 to 1 |
| 61 | `#d48e3a` | `oklch(70.28% 0.1290 67.59)` | Caramelise | black, 7.7 to 1 |
| 62 | `#d28c37` | `oklch(69.52% 0.1297 67.34)` | Caramelise | black, 7.5 to 1 |
| 63 | `#d08934` | `oklch(68.92% 0.1304 66.97)` | Brown Beige | black, 7.3 to 1 |
| 64 | `#cf8833` | `oklch(68.50% 0.1309 66.43)` | Brown Beige | black, 7.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #eea224 0.0%, #ed9b2a 1.6%, #eb9230 3.2%, #e88937 4.8%, #e27f3f 6.3%, #db7446 7.9%, #d36a4e 9.5%, #c86054 11.1%, #bc565a 12.7%, #af4d60 14.3%, #a14664 15.9%, #923f67 17.5%, #833a6a 19.0%, #74356b 20.6%, #65316b 22.2%, #572e6a 23.8%, #492c68 25.4%, #3d2a66 27.0%, #312a64 28.6%, #272a61 30.2%, #1c2b5f 31.7%, #102d5e 33.3%, #00315d 34.9%, #003657 36.5%, #003c55 38.1%, #004256 39.7%, #004a58 41.3%, #00525b 42.9%, #005c5e 44.4%, #006661 46.0%, #007163 47.6%, #167c64 49.2%, #338663 50.8%, #4a9063 52.4%, #5f9963 54.0%, #73a163 55.6%, #86a963 57.1%, #99b064 58.7%, #aab665 60.3%, #b9ba67 61.9%, #c7be69 63.5%, #d3c16b 65.1%, #dcc26c 66.7%, #e4c26d 68.3%, #e9c26e 69.8%, #edc16e 71.4%, #f0bf6e 73.0%, #f2bd6d 74.6%, #f2ba6b 76.2%, #f2b769 77.8%, #f1b366 79.4%, #efb062 81.0%, #ecac5e 82.5%, #e9a85a 84.1%, #e6a455 85.7%, #e3a051 87.3%, #e09c4c 88.9%, #dc9847 90.5%, #d99443 92.1%, #d6913e 93.7%, #d48e3a 95.2%, #d28c37 96.8%, #d08934 98.4%, #cf8833 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(76.77% 0.1543 73.13) 0.0%, oklch(75.47% 0.1527 68.61) 1.6%, oklch(73.78% 0.1506 63.35) 3.2%, oklch(71.76% 0.1482 57.41) 4.8%, oklch(69.44% 0.1454 50.84) 6.3%, oklch(66.89% 0.1424 43.70) 7.9%, oklch(64.13% 0.1392 36.06) 9.5%, oklch(61.23% 0.1358 27.96) 11.1%, oklch(58.22% 0.1322 19.47) 12.7%, oklch(55.15% 0.1285 10.64) 14.3%, oklch(52.07% 0.1248 1.54) 15.9%, oklch(49.03% 0.1211 352.22) 17.5%, oklch(46.06% 0.1175 342.74) 19.0%, oklch(43.23% 0.1139 333.16) 20.6%, oklch(40.57% 0.1104 323.54) 22.2%, oklch(38.12% 0.1072 313.92) 23.8%, oklch(35.95% 0.1041 304.39) 25.4%, oklch(34.09% 0.1013 294.98) 27.0%, oklch(32.59% 0.0988 285.76) 28.6%, oklch(31.49% 0.0967 276.79) 30.2%, oklch(30.85% 0.0950 268.12) 31.7%, oklch(30.71% 0.0937 259.82) 33.3%, oklch(31.12% 0.0923 251.68) 34.9%, oklch(32.07% 0.0778 243.19) 36.5%, oklch(33.49% 0.0705 234.49) 38.1%, oklch(35.34% 0.0673 225.62) 39.7%, oklch(37.57% 0.0670 216.63) 41.3%, oklch(40.13% 0.0689 207.58) 42.9%, oklch(42.96% 0.0731 198.49) 44.4%, oklch(46.01% 0.0796 189.43) 46.0%, oklch(49.23% 0.0891 180.43) 47.6%, oklch(52.56% 0.0963 171.55) 49.2%, oklch(55.96% 0.0975 162.80) 50.8%, oklch(59.37% 0.0988 154.24) 52.4%, oklch(62.74% 0.1002 145.91) 54.0%, oklch(66.01% 0.1016 137.86) 55.6%, oklch(69.14% 0.1030 130.13) 57.1%, oklch(72.07% 0.1043 122.76) 58.7%, oklch(74.74% 0.1057 115.79) 60.3%, oklch(77.12% 0.1070 109.27) 61.9%, oklch(79.13% 0.1082 103.25) 63.5%, oklch(80.74% 0.1093 97.76) 65.1%, oklch(81.89% 0.1102 92.85) 66.7%, oklch(82.63% 0.1112 88.53) 68.3%, oklch(83.08% 0.1121 84.75) 69.8%, oklch(83.25% 0.1132 81.47) 71.4%, oklch(83.17% 0.1142 78.66) 73.0%, oklch(82.88% 0.1153 76.28) 74.6%, oklch(82.38% 0.1164 74.29) 76.2%, oklch(81.71% 0.1176 72.66) 77.8%, oklch(80.90% 0.1187 71.34) 79.4%, oklch(79.97% 0.1199 70.31) 81.0%, oklch(78.94% 0.1210 69.52) 82.5%, oklch(77.84% 0.1222 68.94) 84.1%, oklch(76.69% 0.1233 68.53) 85.7%, oklch(75.53% 0.1244 68.25) 87.3%, oklch(74.37% 0.1254 68.08) 88.9%, oklch(73.24% 0.1264 67.96) 90.5%, oklch(72.16% 0.1273 67.86) 92.1%, oklch(71.17% 0.1282 67.75) 93.7%, oklch(70.28% 0.1290 67.59) 95.2%, oklch(69.52% 0.1297 67.34) 96.8%, oklch(68.92% 0.1304 66.97) 98.4%, oklch(68.50% 0.1309 66.43) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.768 | 0.154 | 73.1 |
| 2 | 0.307 | 0.094 | -100.2 |
| 3 | 0.819 | 0.11 | -267.1 |
| 4 | 0.685 | 0.131 | -293.6 |

## Other forms

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