# Seamless rainbow radial gradient

Seamless rainbow radial gradient with 40 colors: #e3a857, #e2a656, #e0a453, #dea150, #db9f4c, #d89b47, #d69843, #d3943f, #d1913c, #d08d3a, #cf883a, #d0843d, #d08043, #d27c4c, #d37858, #d27667, #d07578, #cc7589, #c5789a, #bc7ca9, #b181b6, #a486c0, #978dc6, #8a93c9, #7f99c9, #749ec7, #6ba3c4, #64a8bf, #5fadb9, #5eb1b1, #61b6a7, #6bb99b, #79bb8e, #8bbd80, #9dbc72, #b0bb66, #c1b95c, #d0b656, #dcb354, #e6b155. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUxFc0VS09Febq3kra1g`
- Page: https://grabient.com/kUxFc0VS09Febq3kra1g?style=radialGradient&steps=40&angle=0
- Drawn as: radial gradient, 40 steps, 0 degrees
- Kinds: rainbow, seamless
- Hues: analogous
- Contrast of its darkest and lightest colors: 1.6 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 | `#e3a857` | `oklch(77.17% 0.1199 73.13)` | Indian Yellow | black, 10 to 1 |
| 2 | `#e2a656` | `oklch(76.68% 0.1202 72.46)` | Indian Yellow | black, 9.8 to 1 |
| 3 | `#e0a453` | `oklch(76.03% 0.1208 72.22)` | Golden Tiger | black, 9.6 to 1 |
| 4 | `#dea150` | `oklch(75.25% 0.1216 72.23)` | Pan de Coco | black, 9.3 to 1 |
| 5 | `#db9f4c` | `oklch(74.37% 0.1226 72.32)` | Gold Foil | black, 9 to 1 |
| 6 | `#d89b47` | `oklch(73.42% 0.1236 72.33)` | Aged Gouda | black, 8.7 to 1 |
| 7 | `#d69843` | `oklch(72.43% 0.1245 72.08)` | Bugle Call | black, 8.4 to 1 |
| 8 | `#d3943f` | `oklch(71.42% 0.1254 71.40)` | Hint of Caramel | black, 8.1 to 1 |
| 9 | `#d1913c` | `oklch(70.44% 0.1261 70.13)` | Fuel Yellow | black, 7.8 to 1 |
| 10 | `#d08d3a` | `oklch(69.51% 0.1265 68.08)` | Hey Honey! | black, 7.5 to 1 |
| 11 | `#cf883a` | `oklch(68.67% 0.1266 65.10)` | Brown Beige | black, 7.2 to 1 |
| 12 | `#d0843d` | `oklch(67.93% 0.1262 61.01)` | Peru | black, 7 to 1 |
| 13 | `#d08043` | `oklch(67.34% 0.1254 55.64)` | Topaz | black, 6.8 to 1 |
| 14 | `#d27c4c` | `oklch(66.93% 0.1240 48.82)` | Pumpkin Bread | black, 6.7 to 1 |
| 15 | `#d37858` | `oklch(66.66% 0.1218 40.33)` | Clay Mug | black, 6.6 to 1 |
| 16 | `#d27667` | `oklch(66.48% 0.1185 30.19)` | OK Corral | black, 6.5 to 1 |
| 17 | `#d07578` | `oklch(66.38% 0.1145 18.65)` | Lotus Red | black, 6.4 to 1 |
| 18 | `#cc7589` | `oklch(66.36% 0.1098 5.93)` | First Love | black, 6.4 to 1 |
| 19 | `#c5789a` | `oklch(66.42% 0.1048 352.24)` | Dolomite Red | black, 6.5 to 1 |
| 20 | `#bc7ca9` | `oklch(66.55% 0.0996 337.83)` | Romanov Mauve | black, 6.5 to 1 |
| 21 | `#b181b6` | `oklch(66.74% 0.0945 322.91)` | African Violet | black, 6.6 to 1 |
| 22 | `#a486c0` | `oklch(66.98% 0.0896 307.72)` | Lilac Purple | black, 6.7 to 1 |
| 23 | `#978dc6` | `oklch(67.28% 0.0851 292.47)` | Hermosa | black, 6.9 to 1 |
| 24 | `#8a93c9` | `oklch(67.63% 0.0813 277.40)` | Fast Velvet | black, 7 to 1 |
| 25 | `#7f99c9` | `oklch(68.02% 0.0783 262.74)` | Della Robbia Blue | black, 7.2 to 1 |
| 26 | `#749ec7` | `oklch(68.44% 0.0764 248.70)` | Cottage Blue | black, 7.4 to 1 |
| 27 | `#6ba3c4` | `oklch(68.90% 0.0758 235.51)` | Air Blue | black, 7.6 to 1 |
| 28 | `#64a8bf` | `oklch(69.44% 0.0765 222.50)` | Pacific Palisade | black, 7.8 to 1 |
| 29 | `#5fadb9` | `oklch(70.12% 0.0785 208.95)` | Well Water | black, 8.1 to 1 |
| 30 | `#5eb1b1` | `oklch(70.91% 0.0816 195.06)` | Artesian Well | black, 8.4 to 1 |
| 31 | `#61b6a7` | `oklch(71.77% 0.0855 181.02)` | Tropic Turquoise | black, 8.7 to 1 |
| 32 | `#6bb99b` | `oklch(72.70% 0.0900 167.01)` | Sainsbury | black, 9 to 1 |
| 33 | `#79bb8e` | `oklch(73.66% 0.0950 153.23)` | Oilcloth Green | black, 9.3 to 1 |
| 34 | `#8bbd80` | `oklch(74.62% 0.1002 139.86)` | Baby Grass | black, 9.6 to 1 |
| 35 | `#9dbc72` | `oklch(75.57% 0.1055 127.11)` | Olivine | black, 9.9 to 1 |
| 36 | `#b0bb66` | `oklch(76.47% 0.1106 115.15)` | Spring Ahead | black, 10.1 to 1 |
| 37 | `#c1b95c` | `oklch(77.30% 0.1153 104.18)` | Columbian Gold | black, 10.3 to 1 |
| 38 | `#d0b656` | `oklch(78.04% 0.1195 94.39)` | Warm Woollen | black, 10.5 to 1 |
| 39 | `#dcb354` | `oklch(78.66% 0.1229 85.97)` | High Honey | black, 10.6 to 1 |
| 40 | `#e6b155` | `oklch(79.13% 0.1254 79.11)` | Cookie Crust | black, 10.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #e3a857 0.0%, #e2a656 2.6%, #e0a453 5.1%, #dea150 7.7%, #db9f4c 10.3%, #d89b47 12.8%, #d69843 15.4%, #d3943f 17.9%, #d1913c 20.5%, #d08d3a 23.1%, #cf883a 25.6%, #d0843d 28.2%, #d08043 30.8%, #d27c4c 33.3%, #d37858 35.9%, #d27667 38.5%, #d07578 41.0%, #cc7589 43.6%, #c5789a 46.2%, #bc7ca9 48.7%, #b181b6 51.3%, #a486c0 53.8%, #978dc6 56.4%, #8a93c9 59.0%, #7f99c9 61.5%, #749ec7 64.1%, #6ba3c4 66.7%, #64a8bf 69.2%, #5fadb9 71.8%, #5eb1b1 74.4%, #61b6a7 76.9%, #6bb99b 79.5%, #79bb8e 82.1%, #8bbd80 84.6%, #9dbc72 87.2%, #b0bb66 89.7%, #c1b95c 92.3%, #d0b656 94.9%, #dcb354 97.4%, #e6b155 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(77.17% 0.1199 73.13) 0.0%, oklch(76.68% 0.1202 72.46) 2.6%, oklch(76.03% 0.1208 72.22) 5.1%, oklch(75.25% 0.1216 72.23) 7.7%, oklch(74.37% 0.1226 72.32) 10.3%, oklch(73.42% 0.1236 72.33) 12.8%, oklch(72.43% 0.1245 72.08) 15.4%, oklch(71.42% 0.1254 71.40) 17.9%, oklch(70.44% 0.1261 70.13) 20.5%, oklch(69.51% 0.1265 68.08) 23.1%, oklch(68.67% 0.1266 65.10) 25.6%, oklch(67.93% 0.1262 61.01) 28.2%, oklch(67.34% 0.1254 55.64) 30.8%, oklch(66.93% 0.1240 48.82) 33.3%, oklch(66.66% 0.1218 40.33) 35.9%, oklch(66.48% 0.1185 30.19) 38.5%, oklch(66.38% 0.1145 18.65) 41.0%, oklch(66.36% 0.1098 5.93) 43.6%, oklch(66.42% 0.1048 352.24) 46.2%, oklch(66.55% 0.0996 337.83) 48.7%, oklch(66.74% 0.0945 322.91) 51.3%, oklch(66.98% 0.0896 307.72) 53.8%, oklch(67.28% 0.0851 292.47) 56.4%, oklch(67.63% 0.0813 277.40) 59.0%, oklch(68.02% 0.0783 262.74) 61.5%, oklch(68.44% 0.0764 248.70) 64.1%, oklch(68.90% 0.0758 235.51) 66.7%, oklch(69.44% 0.0765 222.50) 69.2%, oklch(70.12% 0.0785 208.95) 71.8%, oklch(70.91% 0.0816 195.06) 74.4%, oklch(71.77% 0.0855 181.02) 76.9%, oklch(72.70% 0.0900 167.01) 79.5%, oklch(73.66% 0.0950 153.23) 82.1%, oklch(74.62% 0.1002 139.86) 84.6%, oklch(75.57% 0.1055 127.11) 87.2%, oklch(76.47% 0.1106 115.15) 89.7%, oklch(77.30% 0.1153 104.18) 92.3%, oklch(78.04% 0.1195 94.39) 94.9%, oklch(78.66% 0.1229 85.97) 97.4%, oklch(79.13% 0.1254 79.11) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.772 | 0.12 | 73.1 |
| 2 | 0.669 | 0.124 | 48.8 |
| 3 | 0.689 | 0.076 | -124.5 |
| 4 | 0.791 | 0.125 | -280.9 |

## In these collections

- [Orange and blue gradients](https://grabient.com/orange-and-blue-gradients)

## Other forms

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