# Gray, purple, brown and blue radial gradient

Gray, purple, brown and blue radial gradient with 64 colors: #9dc1a5, #9bba9c, #98b192, #94a686, #8f9a79, #898d6d, #838062, #7b7358, #746750, #6d5c49, #665344, #614c41, #5e4840, #5d4641, #5f4644, #62484a, #684c52, #6e525d, #755969, #7c6076, #836983, #897190, #8e799c, #9380a6, #9685ae, #9988b2, #9a88b3, #9b86b1, #9c82ab, #9c7da3, #9c7799, #9b708d, #986a80, #966574, #926168, #8f5e5e, #8d5d56, #8c5e51, #8c614f, #906651, #966d55, #9e765c, #a78065, #b28b6f, #bd967a, #c8a284, #d3ad8f, #dcb898, #e3c19f, #e7c9a5, #e8cea8, #e4d1a9, #dcd2a8, #d0d1a7, #c2cda7, #b2c9a7, #a1c2a7, #92baa8, #85b1a7, #7ba8a6, #749fa4, #7096a2, #6d8f9f, #6c8a9d. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYxShsNQwyNOXtPDl0u7hVEk6QUi`
- Page: https://grabient.com/kYxShsNQwyNOXtPDl0u7hVEk6QUi?style=radialGradient&steps=64&angle=0
- Drawn as: radial gradient, 64 steps, 0 degrees
- Kinds: muted
- Hues: two-hue
- Contrast of its darkest and lightest colors: 5.8 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 | `#9dc1a5` | `oklch(77.56% 0.0551 151.87)` | Aroma Garden | black, 10.5 to 1 |
| 2 | `#9bba9c` | `oklch(75.75% 0.0540 146.49)` | Quiet Green | black, 9.8 to 1 |
| 3 | `#98b192` | `oklch(73.25% 0.0523 139.71)` | Nurture Green | black, 9 to 1 |
| 4 | `#94a686` | `oklch(70.21% 0.0502 131.73)` | Huntington Garden | black, 8 to 1 |
| 5 | `#8f9a79` | `oklch(66.78% 0.0479 122.77)` | Herbal Scent | black, 7 to 1 |
| 6 | `#898d6d` | `oklch(63.09% 0.0454 113.03)` | Playing Hooky | black, 6 to 1 |
| 7 | `#838062` | `oklch(59.29% 0.0429 102.73)` | Spores | black, 5.1 to 1 |
| 8 | `#7b7358` | `oklch(55.52% 0.0404 92.08)` | Fermata | white, 4.7 to 1 |
| 9 | `#746750` | `oklch(51.92% 0.0381 81.28)` | Crater | white, 5.5 to 1 |
| 10 | `#6d5c49` | `oklch(48.65% 0.0361 70.54)` | Cub | white, 6.3 to 1 |
| 11 | `#665344` | `oklch(45.84% 0.0345 60.07)` | Rokō Brown | white, 7.2 to 1 |
| 12 | `#614c41` | `oklch(43.64% 0.0334 50.09)` | Roasted Nuts | white, 7.9 to 1 |
| 13 | `#5e4840` | `oklch(42.18% 0.0330 40.79)` | Warm Brownie | white, 8.5 to 1 |
| 14 | `#5d4641` | `oklch(41.62% 0.0333 32.24)` | Embarcadero | white, 8.7 to 1 |
| 15 | `#5f4644` | `oklch(41.97% 0.0344 23.22)` | Embarcadero | white, 8.6 to 1 |
| 16 | `#62484a` | `oklch(43.11% 0.0362 13.64)` | Plum Raisin | white, 8.2 to 1 |
| 17 | `#684c52` | `oklch(44.88% 0.0386 3.75)` | Flamboyant Plum | white, 7.6 to 1 |
| 18 | `#6e525d` | `oklch(47.15% 0.0415 353.81)` | Dark Olive Paste | white, 6.9 to 1 |
| 19 | `#755969` | `oklch(49.76% 0.0446 344.06)` | Royal Fig | white, 6.2 to 1 |
| 20 | `#7c6076` | `oklch(52.58% 0.0480 334.76)` | Chicha Morada | white, 5.5 to 1 |
| 21 | `#836983` | `oklch(55.45% 0.0514 326.17)` | Matriarch | white, 4.8 to 1 |
| 22 | `#897190` | `oklch(58.24% 0.0547 318.53)` | Greyish Purple | black, 4.8 to 1 |
| 23 | `#8e799c` | `oklch(60.80% 0.0578 312.10)` | Pickled Purple | black, 5.3 to 1 |
| 24 | `#9380a6` | `oklch(62.98% 0.0605 307.14)` | Purple Phantom | black, 5.8 to 1 |
| 25 | `#9685ae` | `oklch(64.64% 0.0628 303.90)` | Purple Phantom | black, 6.2 to 1 |
| 26 | `#9988b2` | `oklch(65.64% 0.0645 302.63)` | Flirty Pink | black, 6.5 to 1 |
| 27 | `#9a88b3` | `oklch(65.88% 0.0656 303.70)` | Flirty Pink | black, 6.5 to 1 |
| 28 | `#9b86b1` | `oklch(65.47% 0.0663 307.26)` | Celeb City | black, 6.4 to 1 |
| 29 | `#9c82ab` | `oklch(64.52% 0.0668 312.94)` | Rhapsody | black, 6.2 to 1 |
| 30 | `#9c7da3` | `oklch(63.18% 0.0669 320.36)` | Lilac Intuition | black, 5.8 to 1 |
| 31 | `#9c7799` | `oklch(61.55% 0.0668 329.15)` | Screen Gem | black, 5.4 to 1 |
| 32 | `#9b708d` | `oklch(59.77% 0.0666 338.91)` | Pink Jazz | black, 5 to 1 |
| 33 | `#986a80` | `oklch(57.95% 0.0662 349.29)` | Arcane | black, 4.7 to 1 |
| 34 | `#966574` | `oklch(56.23% 0.0657 359.89)` | Copper Pink | white, 4.7 to 1 |
| 35 | `#926168` | `oklch(54.72% 0.0652 10.34)` | Prosperity | white, 5 to 1 |
| 36 | `#8f5e5e` | `oklch(53.56% 0.0646 20.25)` | Antique Garnet | white, 5.3 to 1 |
| 37 | `#8d5d56` | `oklch(52.85% 0.0641 29.26)` | Bold Brick | white, 5.4 to 1 |
| 38 | `#8c5e51` | `oklch(52.74% 0.0637 36.98)` | Red Curry | white, 5.4 to 1 |
| 39 | `#8c614f` | `oklch(53.33% 0.0633 43.04)` | Swiss Chocolate | white, 5.3 to 1 |
| 40 | `#906651` | `oklch(54.78% 0.0631 47.57)` | Mocha Delight | white, 5 to 1 |
| 41 | `#966d55` | `oklch(56.99% 0.0628 50.93)` | Wheat Penny | black, 4.6 to 1 |
| 42 | `#9e765c` | `oklch(59.79% 0.0625 53.39)` | Baked Sienna | black, 5.1 to 1 |
| 43 | `#a78065` | `oklch(63.05% 0.0622 55.20)` | Medium Wood | black, 5.9 to 1 |
| 44 | `#b28b6f` | `oklch(66.60% 0.0618 56.64)` | Jama Masjid Taupe | black, 6.7 to 1 |
| 45 | `#bd967a` | `oklch(70.28% 0.0614 57.95)` | Warm Hearth | black, 7.8 to 1 |
| 46 | `#c8a284` | `oklch(73.93% 0.0610 59.42)` | Rodeo Dust | black, 8.9 to 1 |
| 47 | `#d3ad8f` | `oklch(77.41% 0.0606 61.29)` | Fossil Tan | black, 10.1 to 1 |
| 48 | `#dcb898` | `oklch(80.55% 0.0601 63.84)` | Wheat Toast | black, 11.3 to 1 |
| 49 | `#e3c19f` | `oklch(83.20% 0.0595 67.32)` | Tostada | black, 12.4 to 1 |
| 50 | `#e7c9a5` | `oklch(85.20% 0.0589 72.00)` | Gentle Fawn | black, 13.2 to 1 |
| 51 | `#e8cea8` | `oklch(86.40% 0.0582 78.15)` | Rum Custard | black, 13.8 to 1 |
| 52 | `#e4d1a9` | `oklch(86.66% 0.0574 86.10)` | Lucent Yellow | black, 14 to 1 |
| 53 | `#dcd2a8` | `oklch(86.11% 0.0564 96.18)` | Bleached Wheat | black, 13.8 to 1 |
| 54 | `#d0d1a7` | `oklch(84.86% 0.0553 108.03)` | Olive Martini | black, 13.3 to 1 |
| 55 | `#c2cda7` | `oklch(83.05% 0.0541 121.26)` | Landscape | black, 12.6 to 1 |
| 56 | `#b2c9a7` | `oklch(80.80% 0.0529 135.45)` | Seacrest | black, 11.7 to 1 |
| 57 | `#a1c2a7` | `oklch(78.23% 0.0516 150.21)` | Aroma Garden | black, 10.7 to 1 |
| 58 | `#92baa8` | `oklch(75.46% 0.0502 165.13)` | Lichen | black, 9.8 to 1 |
| 59 | `#85b1a7` | `oklch(72.63% 0.0490 179.80)` | Silicate Green | black, 8.8 to 1 |
| 60 | `#7ba8a6` | `oklch(69.85% 0.0477 193.83)` | Acapulco Aqua | black, 7.9 to 1 |
| 61 | `#749fa4` | `oklch(67.26% 0.0466 206.80)` | Reef Waters | black, 7.2 to 1 |
| 62 | `#7096a2` | `oklch(64.97% 0.0456 218.31)` | Silver Fir Blue | black, 6.5 to 1 |
| 63 | `#6d8f9f` | `oklch(63.11% 0.0447 227.97)` | Wave Jumper | black, 6.1 to 1 |
| 64 | `#6c8a9d` | `oklch(61.81% 0.0441 235.36)` | Bermuda Grey | black, 5.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #9dc1a5 0.0%, #9bba9c 1.6%, #98b192 3.2%, #94a686 4.8%, #8f9a79 6.3%, #898d6d 7.9%, #838062 9.5%, #7b7358 11.1%, #746750 12.7%, #6d5c49 14.3%, #665344 15.9%, #614c41 17.5%, #5e4840 19.0%, #5d4641 20.6%, #5f4644 22.2%, #62484a 23.8%, #684c52 25.4%, #6e525d 27.0%, #755969 28.6%, #7c6076 30.2%, #836983 31.7%, #897190 33.3%, #8e799c 34.9%, #9380a6 36.5%, #9685ae 38.1%, #9988b2 39.7%, #9a88b3 41.3%, #9b86b1 42.9%, #9c82ab 44.4%, #9c7da3 46.0%, #9c7799 47.6%, #9b708d 49.2%, #986a80 50.8%, #966574 52.4%, #926168 54.0%, #8f5e5e 55.6%, #8d5d56 57.1%, #8c5e51 58.7%, #8c614f 60.3%, #906651 61.9%, #966d55 63.5%, #9e765c 65.1%, #a78065 66.7%, #b28b6f 68.3%, #bd967a 69.8%, #c8a284 71.4%, #d3ad8f 73.0%, #dcb898 74.6%, #e3c19f 76.2%, #e7c9a5 77.8%, #e8cea8 79.4%, #e4d1a9 81.0%, #dcd2a8 82.5%, #d0d1a7 84.1%, #c2cda7 85.7%, #b2c9a7 87.3%, #a1c2a7 88.9%, #92baa8 90.5%, #85b1a7 92.1%, #7ba8a6 93.7%, #749fa4 95.2%, #7096a2 96.8%, #6d8f9f 98.4%, #6c8a9d 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(77.56% 0.0551 151.87) 0.0%, oklch(75.75% 0.0540 146.49) 1.6%, oklch(73.25% 0.0523 139.71) 3.2%, oklch(70.21% 0.0502 131.73) 4.8%, oklch(66.78% 0.0479 122.77) 6.3%, oklch(63.09% 0.0454 113.03) 7.9%, oklch(59.29% 0.0429 102.73) 9.5%, oklch(55.52% 0.0404 92.08) 11.1%, oklch(51.92% 0.0381 81.28) 12.7%, oklch(48.65% 0.0361 70.54) 14.3%, oklch(45.84% 0.0345 60.07) 15.9%, oklch(43.64% 0.0334 50.09) 17.5%, oklch(42.18% 0.0330 40.79) 19.0%, oklch(41.62% 0.0333 32.24) 20.6%, oklch(41.97% 0.0344 23.22) 22.2%, oklch(43.11% 0.0362 13.64) 23.8%, oklch(44.88% 0.0386 3.75) 25.4%, oklch(47.15% 0.0415 353.81) 27.0%, oklch(49.76% 0.0446 344.06) 28.6%, oklch(52.58% 0.0480 334.76) 30.2%, oklch(55.45% 0.0514 326.17) 31.7%, oklch(58.24% 0.0547 318.53) 33.3%, oklch(60.80% 0.0578 312.10) 34.9%, oklch(62.98% 0.0605 307.14) 36.5%, oklch(64.64% 0.0628 303.90) 38.1%, oklch(65.64% 0.0645 302.63) 39.7%, oklch(65.88% 0.0656 303.70) 41.3%, oklch(65.47% 0.0663 307.26) 42.9%, oklch(64.52% 0.0668 312.94) 44.4%, oklch(63.18% 0.0669 320.36) 46.0%, oklch(61.55% 0.0668 329.15) 47.6%, oklch(59.77% 0.0666 338.91) 49.2%, oklch(57.95% 0.0662 349.29) 50.8%, oklch(56.23% 0.0657 359.89) 52.4%, oklch(54.72% 0.0652 10.34) 54.0%, oklch(53.56% 0.0646 20.25) 55.6%, oklch(52.85% 0.0641 29.26) 57.1%, oklch(52.74% 0.0637 36.98) 58.7%, oklch(53.33% 0.0633 43.04) 60.3%, oklch(54.78% 0.0631 47.57) 61.9%, oklch(56.99% 0.0628 50.93) 63.5%, oklch(59.79% 0.0625 53.39) 65.1%, oklch(63.05% 0.0622 55.20) 66.7%, oklch(66.60% 0.0618 56.64) 68.3%, oklch(70.28% 0.0614 57.95) 69.8%, oklch(73.93% 0.0610 59.42) 71.4%, oklch(77.41% 0.0606 61.29) 73.0%, oklch(80.55% 0.0601 63.84) 74.6%, oklch(83.20% 0.0595 67.32) 76.2%, oklch(85.20% 0.0589 72.00) 77.8%, oklch(86.40% 0.0582 78.15) 79.4%, oklch(86.66% 0.0574 86.10) 81.0%, oklch(86.11% 0.0564 96.18) 82.5%, oklch(84.86% 0.0553 108.03) 84.1%, oklch(83.05% 0.0541 121.26) 85.7%, oklch(80.80% 0.0529 135.45) 87.3%, oklch(78.23% 0.0516 150.21) 88.9%, oklch(75.46% 0.0502 165.13) 90.5%, oklch(72.63% 0.0490 179.80) 92.1%, oklch(69.85% 0.0477 193.83) 93.7%, oklch(67.26% 0.0466 206.80) 95.2%, oklch(64.97% 0.0456 218.31) 96.8%, oklch(63.11% 0.0447 227.97) 98.4%, oklch(61.81% 0.0441 235.36) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.776 | 0.055 | 151.9 |
| 2 | 0.417 | 0.033 | 35.6 |
| 3 | 0.657 | 0.065 | -57.4 |
| 4 | 0.531 | 0.063 | 42 |
| 5 | 0.866 | 0.058 | 81.1 |
| 6 | 0.618 | 0.044 | 235.4 |

## Other forms

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