# Purple, olive, pink and tan radial gradient

Purple, olive, pink and tan radial gradient with 48 colors: #9662c0, #a55fb3, #b75c9d, #c65c7d, #cc635a, #c77237, #b98320, #a7922b, #969d42, #8ea454, #92a85d, #a1a960, #b6a765, #c9a673, #d5a688, #dba8a0, #daadb4, #d7b2c3, #d4b6ca, #d3b8cc, #d4b7c9, #d6b3c1, #d8aeb4, #d8aaa3, #d3a78f, #c9a77e, #baa873, #abaa6f, #9fab6f, #99ac6f, #97ae71, #98b172, #9db373, #a4b572, #acb670, #b5b56d, #bdb169, #c3aa65, #c6a060, #c6925e, #c18060, #b66f66, #a45f6e, #8d5274, #744876, #5c4175, #473c70, #37386b. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYlmvbV6dUucPLlbHtEXaI7y6frI`
- Page: https://grabient.com/kYlmvbV6dUucPLlbHtEXaI7y6frI?style=radialGradient&steps=48&angle=0
- Drawn as: radial gradient, 48 steps, 0 degrees
- Kinds: light center, pastel, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 5.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 | `#9662c0` | `oklch(59.06% 0.1474 307.97)` | Trunks Hair | black, 4.7 to 1 |
| 2 | `#a55fb3` | `oklch(59.67% 0.1450 320.82)` | Prickly Purple | black, 4.8 to 1 |
| 3 | `#b75c9d` | `oklch(60.46% 0.1420 339.51)` | Spruce Tree Flower | black, 5 to 1 |
| 4 | `#c65c7d` | `oklch(61.39% 0.1386 2.23)` | Panama Rose | black, 5.2 to 1 |
| 5 | `#cc635a` | `oklch(62.43% 0.1346 27.17)` | Japanese Kimono | black, 5.5 to 1 |
| 6 | `#c77237` | `oklch(63.56% 0.1302 52.54)` | Ochre Pigment | black, 5.8 to 1 |
| 7 | `#b98320` | `oklch(64.75% 0.1255 76.52)` | Nouveau Green | black, 6.3 to 1 |
| 8 | `#a7922b` | `oklch(65.98% 0.1205 97.31)` | Rapeseed Oil | black, 6.7 to 1 |
| 9 | `#969d42` | `oklch(67.21% 0.1152 113.11)` | Split Pea | black, 7.2 to 1 |
| 10 | `#8ea454` | `oklch(68.42% 0.1097 122.10)` | Overt Green | black, 7.6 to 1 |
| 11 | `#92a85d` | `oklch(69.65% 0.1038 122.39)` | Overt Green | black, 7.9 to 1 |
| 12 | `#a1a960` | `oklch(71.10% 0.0964 113.51)` | Spanish Olive | black, 8.3 to 1 |
| 13 | `#b6a765` | `oklch(72.70% 0.0881 97.53)` | Oatmeal Biscuit | black, 8.7 to 1 |
| 14 | `#c9a673` | `oklch(74.38% 0.0791 76.68)` | Balsam Brown | black, 9.1 to 1 |
| 15 | `#d5a688` | `oklch(76.04% 0.0701 53.21)` | Yolande | black, 9.6 to 1 |
| 16 | `#dba8a0` | `oklch(77.61% 0.0615 29.34)` | Coral Cove | black, 10.1 to 1 |
| 17 | `#daadb4` | `oklch(78.98% 0.0539 7.31)` | Pale Chestnut | black, 10.6 to 1 |
| 18 | `#d7b2c3` | `oklch(80.09% 0.0476 349.34)` | Mauvelous | black, 11 to 1 |
| 19 | `#d4b6ca` | `oklch(80.83% 0.0432 337.68)` | Icing Flower | black, 11.3 to 1 |
| 20 | `#d3b8cc` | `oklch(81.12% 0.0411 334.51)` | Bedazzled | black, 11.4 to 1 |
| 21 | `#d4b7c9` | `oklch(80.87% 0.0417 339.88)` | Icing Flower | black, 11.3 to 1 |
| 22 | `#d6b3c1` | `oklch(80.14% 0.0446 351.87)` | Mauvelous | black, 11 to 1 |
| 23 | `#d8aeb4` | `oklch(79.05% 0.0491 8.78)` | Ballet Rose | black, 10.6 to 1 |
| 24 | `#d8aaa3` | `oklch(77.73% 0.0548 28.91)` | Everything’s Rosy | black, 10.1 to 1 |
| 25 | `#d3a78f` | `oklch(76.29% 0.0612 50.54)` | Vienna Beige | black, 9.7 to 1 |
| 26 | `#c9a77e` | `oklch(74.85% 0.0678 71.95)` | Sugar Pie | black, 9.3 to 1 |
| 27 | `#baa873` | `oklch(73.54% 0.0740 91.45)` | Rhubarb Leaf Green | black, 8.9 to 1 |
| 28 | `#abaa6f` | `oklch(72.46% 0.0794 107.32)` | Wasabi Green | black, 8.7 to 1 |
| 29 | `#9fab6f` | `oklch(71.74% 0.0835 117.85)` | Spanish Olive | black, 8.5 to 1 |
| 30 | `#99ac6f` | `oklch(71.54% 0.0861 123.02)` | Rural Eyes | black, 8.5 to 1 |
| 31 | `#97ae71` | `oklch(71.89% 0.0882 125.64)` | Rural Eyes | black, 8.6 to 1 |
| 32 | `#98b172` | `oklch(72.62% 0.0899 125.98)` | Rural Eyes | black, 8.8 to 1 |
| 33 | `#9db373` | `oklch(73.53% 0.0911 124.23)` | Florence | black, 9.1 to 1 |
| 34 | `#a4b572` | `oklch(74.45% 0.0921 120.56)` | Around the Gills | black, 9.4 to 1 |
| 35 | `#acb670` | `oklch(75.19% 0.0927 115.17)` | Green Curry | black, 9.6 to 1 |
| 36 | `#b5b56d` | `oklch(75.58% 0.0931 108.24)` | Rodham | black, 9.7 to 1 |
| 37 | `#bdb169` | `oklch(75.43% 0.0934 99.94)` | Straw Hut | black, 9.6 to 1 |
| 38 | `#c3aa65` | `oklch(74.56% 0.0936 90.46)` | Hedgehog Cactus Yellow Green | black, 9.2 to 1 |
| 39 | `#c6a060` | `oklch(72.78% 0.0937 79.69)` | Ginger Jar | black, 8.6 to 1 |
| 40 | `#c6925e` | `oklch(69.86% 0.0935 65.30)` | Mid Tan | black, 7.6 to 1 |
| 41 | `#c18060` | `oklch(66.03% 0.0929 47.62)` | Sundial | black, 6.5 to 1 |
| 42 | `#b66f66` | `oklch(61.56% 0.0921 27.70)` | Hacienda Tile | black, 5.4 to 1 |
| 43 | `#a45f6e` | `oklch(56.72% 0.0912 6.61)` | Shine Baby Shine | white, 4.7 to 1 |
| 44 | `#8d5274` | `oklch(51.79% 0.0901 345.40)` | Plum Highness | white, 5.8 to 1 |
| 45 | `#744876` | `oklch(47.04% 0.0891 325.12)` | Purple Passion | white, 7.1 to 1 |
| 46 | `#5c4175` | `oklch(42.74% 0.0881 306.84)` | Drifting Violet | white, 8.5 to 1 |
| 47 | `#473c70` | `oklch(39.18% 0.0873 291.61)` | Opera Blue | white, 9.8 to 1 |
| 48 | `#37386b` | `oklch(36.61% 0.0868 280.49)` | Rhynchites Nitens | white, 10.8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #9662c0 0.0%, #a55fb3 2.1%, #b75c9d 4.3%, #c65c7d 6.4%, #cc635a 8.5%, #c77237 10.6%, #b98320 12.8%, #a7922b 14.9%, #969d42 17.0%, #8ea454 19.1%, #92a85d 21.3%, #a1a960 23.4%, #b6a765 25.5%, #c9a673 27.7%, #d5a688 29.8%, #dba8a0 31.9%, #daadb4 34.0%, #d7b2c3 36.2%, #d4b6ca 38.3%, #d3b8cc 40.4%, #d4b7c9 42.6%, #d6b3c1 44.7%, #d8aeb4 46.8%, #d8aaa3 48.9%, #d3a78f 51.1%, #c9a77e 53.2%, #baa873 55.3%, #abaa6f 57.4%, #9fab6f 59.6%, #99ac6f 61.7%, #97ae71 63.8%, #98b172 66.0%, #9db373 68.1%, #a4b572 70.2%, #acb670 72.3%, #b5b56d 74.5%, #bdb169 76.6%, #c3aa65 78.7%, #c6a060 80.9%, #c6925e 83.0%, #c18060 85.1%, #b66f66 87.2%, #a45f6e 89.4%, #8d5274 91.5%, #744876 93.6%, #5c4175 95.7%, #473c70 97.9%, #37386b 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(59.06% 0.1474 307.97) 0.0%, oklch(59.67% 0.1450 320.82) 2.1%, oklch(60.46% 0.1420 339.51) 4.3%, oklch(61.39% 0.1386 2.23) 6.4%, oklch(62.43% 0.1346 27.17) 8.5%, oklch(63.56% 0.1302 52.54) 10.6%, oklch(64.75% 0.1255 76.52) 12.8%, oklch(65.98% 0.1205 97.31) 14.9%, oklch(67.21% 0.1152 113.11) 17.0%, oklch(68.42% 0.1097 122.10) 19.1%, oklch(69.65% 0.1038 122.39) 21.3%, oklch(71.10% 0.0964 113.51) 23.4%, oklch(72.70% 0.0881 97.53) 25.5%, oklch(74.38% 0.0791 76.68) 27.7%, oklch(76.04% 0.0701 53.21) 29.8%, oklch(77.61% 0.0615 29.34) 31.9%, oklch(78.98% 0.0539 7.31) 34.0%, oklch(80.09% 0.0476 349.34) 36.2%, oklch(80.83% 0.0432 337.68) 38.3%, oklch(81.12% 0.0411 334.51) 40.4%, oklch(80.87% 0.0417 339.88) 42.6%, oklch(80.14% 0.0446 351.87) 44.7%, oklch(79.05% 0.0491 8.78) 46.8%, oklch(77.73% 0.0548 28.91) 48.9%, oklch(76.29% 0.0612 50.54) 51.1%, oklch(74.85% 0.0678 71.95) 53.2%, oklch(73.54% 0.0740 91.45) 55.3%, oklch(72.46% 0.0794 107.32) 57.4%, oklch(71.74% 0.0835 117.85) 59.6%, oklch(71.54% 0.0861 123.02) 61.7%, oklch(71.89% 0.0882 125.64) 63.8%, oklch(72.62% 0.0899 125.98) 66.0%, oklch(73.53% 0.0911 124.23) 68.1%, oklch(74.45% 0.0921 120.56) 70.2%, oklch(75.19% 0.0927 115.17) 72.3%, oklch(75.58% 0.0931 108.24) 74.5%, oklch(75.43% 0.0934 99.94) 76.6%, oklch(74.56% 0.0936 90.46) 78.7%, oklch(72.78% 0.0937 79.69) 80.9%, oklch(69.86% 0.0935 65.30) 83.0%, oklch(66.03% 0.0929 47.62) 85.1%, oklch(61.56% 0.0921 27.70) 87.2%, oklch(56.72% 0.0912 6.61) 89.4%, oklch(51.79% 0.0901 345.40) 91.5%, oklch(47.04% 0.0891 325.12) 93.6%, oklch(42.74% 0.0881 306.84) 95.7%, oklch(39.18% 0.0873 291.61) 97.9%, oklch(36.61% 0.0868 280.49) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.591 | 0.147 | 308 |
| 2 | 0.689 | 0.107 | 483.4 |
| 3 | 0.811 | 0.041 | 334.4 |
| 4 | 0.717 | 0.084 | 479.2 |
| 5 | 0.736 | 0.094 | 444.3 |
| 6 | 0.366 | 0.087 | 280.5 |

## Other forms

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