# Muted rainbow from gray to purple radial gradient

Muted rainbow from gray to purple radial gradient with 40 colors: #78656d, #715d60, #655150, #55453d, #43382d, #312d1f, #212417, #151f14, #0d1e15, #08211c, #042828, #053239, #103c4d, #234762, #395177, #525887, #6c5e8f, #886390, #a16c8a, #b57880, #c28877, #c69974, #c3a978, #bdb680, #b5bf88, #aac490, #9cc797, #8ec79d, #81c59f, #75c29e, #6cbc97, #6ab58b, #70ab75, #809b56, #918637, #9b6d2b, #9a5639, #8e464c, #7e3d5b, #703863. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYhhT6m4pTb-cT5imtUWiRFrajqq`
- Page: https://grabient.com/kYhhT6m4pTb-cT5imtUWiRFrajqq?style=radialGradient&steps=40&angle=0
- Drawn as: radial gradient, 40 steps, 0 degrees
- Kinds: light center, muted, rainbow
- Hues: wide
- Contrast of its darkest and lightest colors: 9.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 | `#78656d` | `oklch(52.76% 0.0276 352.27)` | Rhapsody Rap | white, 5.4 to 1 |
| 2 | `#715d60` | `oklch(49.86% 0.0272 5.60)` | Poetry Plum | white, 6.1 to 1 |
| 3 | `#655150` | `oklch(45.53% 0.0263 23.65)` | Robeson Rose | white, 7.3 to 1 |
| 4 | `#55453d` | `oklch(40.35% 0.0253 45.16)` | Rave Raisin | white, 9.1 to 1 |
| 5 | `#43382d` | `oklch(34.89% 0.0244 68.87)` | Batch Brew | white, 11.3 to 1 |
| 6 | `#312d1f` | `oklch(29.72% 0.0239 93.55)` | Metal Construction Green | white, 13.7 to 1 |
| 7 | `#212417` | `oklch(25.41% 0.0242 117.94)` | Black Mesa | white, 15.7 to 1 |
| 8 | `#151f14` | `oklch(22.53% 0.0255 140.79)` | Nightmare | white, 16.9 to 1 |
| 9 | `#0d1e15` | `oklch(21.66% 0.0282 160.89)` | Nightmare | white, 17.3 to 1 |
| 10 | `#08211c` | `oklch(22.75% 0.0330 178.78)` | Stellar Explorer | white, 16.8 to 1 |
| 11 | `#042828` | `oklch(25.35% 0.0395 195.43)` | Teal Spill | white, 15.6 to 1 |
| 12 | `#053239` | `oklch(29.08% 0.0470 211.34)` | Artist Blue | white, 13.8 to 1 |
| 13 | `#103c4d` | `oklch(33.56% 0.0550 227.01)` | Subterranean River | white, 11.7 to 1 |
| 14 | `#234762` | `oklch(38.41% 0.0628 242.95)` | Dark Slate Blue | white, 9.7 to 1 |
| 15 | `#395177` | `oklch(43.24% 0.0696 259.65)` | Aerostatics | white, 8 to 1 |
| 16 | `#525887` | `oklch(47.68% 0.0750 277.62)` | Wild Elderberry | white, 6.7 to 1 |
| 17 | `#6c5e8f` | `oklch(51.47% 0.0782 297.46)` | Emperor Jewel | white, 5.7 to 1 |
| 18 | `#886390` | `oklch(55.45% 0.0793 320.18)` | Pomp and Power | white, 4.9 to 1 |
| 19 | `#a16c8a` | `oklch(59.66% 0.0789 345.00)` | Pink Jazz | black, 5 to 1 |
| 20 | `#b57880` | `oklch(63.90% 0.0775 10.80)` | Precious Garnet | black, 5.9 to 1 |
| 21 | `#c28877` | `oklch(67.96% 0.0756 36.48)` | Copper Trail | black, 7 to 1 |
| 22 | `#c69974` | `oklch(71.63% 0.0738 60.91)` | Chimaera Brown | black, 8.2 to 1 |
| 23 | `#c3a978` | `oklch(74.69% 0.0727 82.99)` | Gold Rush | black, 9.3 to 1 |
| 24 | `#bdb680` | `oklch(76.94% 0.0726 101.59)` | Cool Avocado | black, 10.1 to 1 |
| 25 | `#b5bf88` | `oklch(78.22% 0.0741 116.43)` | Early Harvest | black, 10.7 to 1 |
| 26 | `#aac490` | `oklch(78.76% 0.0769 130.02)` | Cos | black, 11 to 1 |
| 27 | `#9cc797` | `oklch(78.65% 0.0805 142.09)` | Gingko | black, 11 to 1 |
| 28 | `#8ec79d` | `oklch(77.98% 0.0847 152.03)` | Foul Green | black, 10.8 to 1 |
| 29 | `#81c59f` | `oklch(76.83% 0.0889 159.21)` | Foul Green | black, 10.4 to 1 |
| 30 | `#75c29e` | `oklch(75.28% 0.0930 163.01)` | Gem Silica | black, 9.9 to 1 |
| 31 | `#6cbc97` | `oklch(73.41% 0.0964 162.81)` | Katydid | black, 9.3 to 1 |
| 32 | `#6ab58b` | `oklch(71.31% 0.0989 157.99)` | Crazy Eyes | black, 8.6 to 1 |
| 33 | `#70ab75` | `oklch(68.75% 0.1002 146.57)` | Dusty Green | black, 7.8 to 1 |
| 34 | `#809b56` | `oklch(65.29% 0.1007 126.86)` | Leek Soup | black, 6.7 to 1 |
| 35 | `#918637` | `oklch(61.25% 0.1007 101.34)` | Eden Prairie | black, 5.6 to 1 |
| 36 | `#9b6d2b` | `oklch(56.91% 0.1002 72.58)` | Damascene | black, 4.6 to 1 |
| 37 | `#9a5639` | `oklch(52.60% 0.0995 43.17)` | Polished Brown | white, 5.5 to 1 |
| 38 | `#8e464c` | `oklch(48.62% 0.0988 15.67)` | Rhubarb Smoothie | white, 6.7 to 1 |
| 39 | `#7e3d5b` | `oklch(45.29% 0.0981 352.68)` | Pleasure | white, 7.7 to 1 |
| 40 | `#703863` | `oklch(42.91% 0.0978 336.77)` | Grape | white, 8.5 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #78656d 0.0%, #715d60 2.6%, #655150 5.1%, #55453d 7.7%, #43382d 10.3%, #312d1f 12.8%, #212417 15.4%, #151f14 17.9%, #0d1e15 20.5%, #08211c 23.1%, #042828 25.6%, #053239 28.2%, #103c4d 30.8%, #234762 33.3%, #395177 35.9%, #525887 38.5%, #6c5e8f 41.0%, #886390 43.6%, #a16c8a 46.2%, #b57880 48.7%, #c28877 51.3%, #c69974 53.8%, #c3a978 56.4%, #bdb680 59.0%, #b5bf88 61.5%, #aac490 64.1%, #9cc797 66.7%, #8ec79d 69.2%, #81c59f 71.8%, #75c29e 74.4%, #6cbc97 76.9%, #6ab58b 79.5%, #70ab75 82.1%, #809b56 84.6%, #918637 87.2%, #9b6d2b 89.7%, #9a5639 92.3%, #8e464c 94.9%, #7e3d5b 97.4%, #703863 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(52.76% 0.0276 352.27) 0.0%, oklch(49.86% 0.0272 5.60) 2.6%, oklch(45.53% 0.0263 23.65) 5.1%, oklch(40.35% 0.0253 45.16) 7.7%, oklch(34.89% 0.0244 68.87) 10.3%, oklch(29.72% 0.0239 93.55) 12.8%, oklch(25.41% 0.0242 117.94) 15.4%, oklch(22.53% 0.0255 140.79) 17.9%, oklch(21.66% 0.0282 160.89) 20.5%, oklch(22.75% 0.0330 178.78) 23.1%, oklch(25.35% 0.0395 195.43) 25.6%, oklch(29.08% 0.0470 211.34) 28.2%, oklch(33.56% 0.0550 227.01) 30.8%, oklch(38.41% 0.0628 242.95) 33.3%, oklch(43.24% 0.0696 259.65) 35.9%, oklch(47.68% 0.0750 277.62) 38.5%, oklch(51.47% 0.0782 297.46) 41.0%, oklch(55.45% 0.0793 320.18) 43.6%, oklch(59.66% 0.0789 345.00) 46.2%, oklch(63.90% 0.0775 10.80) 48.7%, oklch(67.96% 0.0756 36.48) 51.3%, oklch(71.63% 0.0738 60.91) 53.8%, oklch(74.69% 0.0727 82.99) 56.4%, oklch(76.94% 0.0726 101.59) 59.0%, oklch(78.22% 0.0741 116.43) 61.5%, oklch(78.76% 0.0769 130.02) 64.1%, oklch(78.65% 0.0805 142.09) 66.7%, oklch(77.98% 0.0847 152.03) 69.2%, oklch(76.83% 0.0889 159.21) 71.8%, oklch(75.28% 0.0930 163.01) 74.4%, oklch(73.41% 0.0964 162.81) 76.9%, oklch(71.31% 0.0989 157.99) 79.5%, oklch(68.75% 0.1002 146.57) 82.1%, oklch(65.29% 0.1007 126.86) 84.6%, oklch(61.25% 0.1007 101.34) 87.2%, oklch(56.91% 0.1002 72.58) 89.7%, oklch(52.60% 0.0995 43.17) 92.3%, oklch(48.62% 0.0988 15.67) 94.9%, oklch(45.29% 0.0981 352.68) 97.4%, oklch(42.91% 0.0978 336.77) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.528 | 0.028 | 352.3 |
| 2 | 0.217 | 0.028 | 517.1 |
| 3 | 0.5 | 0.077 | 649.2 |
| 4 | 0.776 | 0.073 | 827.8 |
| 5 | 0.709 | 0.099 | 876.4 |
| 6 | 0.429 | 0.098 | 696.8 |

## Other forms

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