# Muted rainbow from tan to purple radial gradient

Muted rainbow from tan to purple radial gradient with 32 colors: #ead495, #e9c683, #e7b06c, #e39656, #dd794c, #d25f4f, #c44b5a, #b33f65, #a03a6c, #8b3870, #773972, #653b73, #553f74, #454676, #355177, #2b5d74, #31696c, #447264, #59775e, #6a7a59, #777d55, #858051, #92824b, #9d8146, #a77d44, #ac7648, #a96b53, #9c615d, #885764, #735064, #614a60, #55465b. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kY3j1AyLi2zSfNpGEy1TiG3LUOM0`
- Page: https://grabient.com/kY3j1AyLi2zSfNpGEy1TiG3LUOM0?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark center, rainbow
- Hues: wide
- Contrast of its darkest and lightest colors: 6.1 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 | `#ead495` | `oklch(87.40% 0.0841 90.70)` | Lifeless Planet | black, 14.3 to 1 |
| 2 | `#e9c683` | `oklch(84.07% 0.0931 82.66)` | Gold Buff | black, 12.8 to 1 |
| 3 | `#e7b06c` | `oklch(79.35% 0.1069 71.60)` | Mac N Cheese | black, 10.8 to 1 |
| 4 | `#e39656` | `oklch(73.81% 0.1227 58.48)` | Sabre-Toothed Tiger | black, 8.7 to 1 |
| 5 | `#dd794c` | `oklch(68.00% 0.1379 44.22)` | Orange Shot | black, 6.9 to 1 |
| 6 | `#d25f4f` | `oklch(62.50% 0.1497 29.79)` | Track and Field | black, 5.4 to 1 |
| 7 | `#c44b5a` | `oklch(57.86% 0.1555 16.12)` | English Coral | white, 4.6 to 1 |
| 8 | `#b33f65` | `oklch(54.13% 0.1533 4.00)` | Raspberry Rose | white, 5.4 to 1 |
| 9 | `#a03a6c` | `oklch(50.57% 0.1446 353.04)` | Valentine’s Day | white, 6.3 to 1 |
| 10 | `#8b3870` | `oklch(47.33% 0.1315 342.28)` | Magenta Red | white, 7.2 to 1 |
| 11 | `#773972` | `oklch(44.62% 0.1164 330.77)` | Ayame Iris | white, 8 to 1 |
| 12 | `#653b73` | `oklch(42.61% 0.1016 317.53)` | Heartless | white, 8.6 to 1 |
| 13 | `#553f74` | `oklch(41.49% 0.0892 301.63)` | Raw Amethyst | white, 8.9 to 1 |
| 14 | `#454676` | `oklch(41.54% 0.0805 281.80)` | Dramatist | white, 8.8 to 1 |
| 15 | `#355177` | `oklch(42.98% 0.0725 257.16)` | Aerostatics | white, 8.1 to 1 |
| 16 | `#2b5d74` | `oklch(45.41% 0.0652 229.54)` | Blumine | white, 7.1 to 1 |
| 17 | `#31696c` | `oklch(48.36% 0.0592 200.97)` | Aquarium | white, 6.2 to 1 |
| 18 | `#447264` | `oklch(51.36% 0.0548 173.48)` | Christmas Ivy | white, 5.4 to 1 |
| 19 | `#59775e` | `oklch(53.96% 0.0525 149.12)` | Seaweed Tea | white, 4.9 to 1 |
| 20 | `#6a7a59` | `oklch(55.79% 0.0531 129.78)` | Kariyasu Green | white, 4.6 to 1 |
| 21 | `#777d55` | `oklch(57.56% 0.0583 115.14)` | Bonsai | black, 4.8 to 1 |
| 22 | `#858051` | `oklch(59.29% 0.0668 103.65)` | Candied Lime | black, 5.2 to 1 |
| 23 | `#92824b` | `oklch(60.76% 0.0766 93.84)` | Lucky Bamboo | black, 5.4 to 1 |
| 24 | `#9d8146` | `oklch(61.71% 0.0854 84.25)` | Golden Harmony | black, 5.6 to 1 |
| 25 | `#a77d44` | `oklch(61.93% 0.0912 73.42)` | Wood Thrush | black, 5.6 to 1 |
| 26 | `#ac7648` | `oklch(61.16% 0.0920 59.87)` | Meerkat | black, 5.4 to 1 |
| 27 | `#a96b53` | `oklch(58.95% 0.0870 42.67)` | Mojave Sunset | black, 4.9 to 1 |
| 28 | `#9c615d` | `oklch(55.55% 0.0780 23.09)` | Roulette | white, 4.9 to 1 |
| 29 | `#885764` | `oklch(51.56% 0.0668 2.89)` | Renaissance Rose | white, 5.8 to 1 |
| 30 | `#735064` | `oklch(47.54% 0.0552 343.83)` | Passionate | white, 6.8 to 1 |
| 31 | `#614a60` | `oklch(44.07% 0.0452 327.66)` | Vivid Vision | white, 7.9 to 1 |
| 32 | `#55465b` | `oklch(41.73% 0.0386 316.14)` | Parma Violet | white, 8.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #ead495 0.0%, #e9c683 3.2%, #e7b06c 6.5%, #e39656 9.7%, #dd794c 12.9%, #d25f4f 16.1%, #c44b5a 19.4%, #b33f65 22.6%, #a03a6c 25.8%, #8b3870 29.0%, #773972 32.3%, #653b73 35.5%, #553f74 38.7%, #454676 41.9%, #355177 45.2%, #2b5d74 48.4%, #31696c 51.6%, #447264 54.8%, #59775e 58.1%, #6a7a59 61.3%, #777d55 64.5%, #858051 67.7%, #92824b 71.0%, #9d8146 74.2%, #a77d44 77.4%, #ac7648 80.6%, #a96b53 83.9%, #9c615d 87.1%, #885764 90.3%, #735064 93.5%, #614a60 96.8%, #55465b 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(87.40% 0.0841 90.70) 0.0%, oklch(84.07% 0.0931 82.66) 3.2%, oklch(79.35% 0.1069 71.60) 6.5%, oklch(73.81% 0.1227 58.48) 9.7%, oklch(68.00% 0.1379 44.22) 12.9%, oklch(62.50% 0.1497 29.79) 16.1%, oklch(57.86% 0.1555 16.12) 19.4%, oklch(54.13% 0.1533 4.00) 22.6%, oklch(50.57% 0.1446 353.04) 25.8%, oklch(47.33% 0.1315 342.28) 29.0%, oklch(44.62% 0.1164 330.77) 32.3%, oklch(42.61% 0.1016 317.53) 35.5%, oklch(41.49% 0.0892 301.63) 38.7%, oklch(41.54% 0.0805 281.80) 41.9%, oklch(42.98% 0.0725 257.16) 45.2%, oklch(45.41% 0.0652 229.54) 48.4%, oklch(48.36% 0.0592 200.97) 51.6%, oklch(51.36% 0.0548 173.48) 54.8%, oklch(53.96% 0.0525 149.12) 58.1%, oklch(55.79% 0.0531 129.78) 61.3%, oklch(57.56% 0.0583 115.14) 64.5%, oklch(59.29% 0.0668 103.65) 67.7%, oklch(60.76% 0.0766 93.84) 71.0%, oklch(61.71% 0.0854 84.25) 74.2%, oklch(61.93% 0.0912 73.42) 77.4%, oklch(61.16% 0.0920 59.87) 80.6%, oklch(58.95% 0.0870 42.67) 83.9%, oklch(55.55% 0.0780 23.09) 87.1%, oklch(51.56% 0.0668 2.89) 90.3%, oklch(47.54% 0.0552 343.83) 93.5%, oklch(44.07% 0.0452 327.66) 96.8%, oklch(41.73% 0.0386 316.14) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.874 | 0.084 | 90.7 |
| 2 | 0.571 | 0.156 | 13.6 |
| 3 | 0.413 | 0.085 | -65.7 |
| 4 | 0.551 | 0.052 | -223.2 |
| 5 | 0.614 | 0.092 | -297.1 |
| 6 | 0.417 | 0.039 | -403.9 |

## Other forms

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