# Purple, gray, pink and blue radial gradient

Purple, gray, pink and blue radial gradient with 40 colors: #7d6374, #7f6471, #80646e, #826469, #836564, #836760, #81695c, #7f6b5a, #7c6e59, #797159, #77745b, #75775d, #747a60, #757d62, #778063, #7c8565, #838a66, #8d8e66, #989367, #a49767, #b29a69, #c09d6b, #cd9e70, #d99e77, #e39d7f, #e99b88, #ec9991, #ec959a, #e890a3, #e08aac, #d585b5, #c780bd, #b67bc3, #a478c7, #9074c8, #7c71c7, #676fc4, #546dc0, #416cbb, #306bb7. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUhx3xyQ9QuElNJDMTCg`
- Page: https://grabient.com/kUhx3xyQ9QuElNJDMTCg?style=radialGradient&steps=40&angle=0
- Drawn as: radial gradient, 40 steps, 0 degrees
- Kinds: muted, multicolor
- Hues: rainbow
- Contrast of its darkest and lightest colors: 2.4 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 | `#7d6374` | `oklch(53.15% 0.0400 339.61)` | Cabal | white, 5.3 to 1 |
| 2 | `#7f6471` | `oklch(53.30% 0.0399 346.51)` | Cabal | white, 5.3 to 1 |
| 3 | `#80646e` | `oklch(53.43% 0.0395 355.98)` | Cabal | white, 5.2 to 1 |
| 4 | `#826469` | `oklch(53.55% 0.0390 7.49)` | Amazing Amethyst | white, 5.2 to 1 |
| 5 | `#836564` | `oklch(53.69% 0.0383 20.53)` | Pharlap | white, 5.2 to 1 |
| 6 | `#836760` | `oklch(53.84% 0.0377 34.58)` | Pharlap | white, 5.1 to 1 |
| 7 | `#81695c` | `oklch(54.02% 0.0371 49.13)` | Bannister Brown | white, 5.1 to 1 |
| 8 | `#7f6b5a` | `oklch(54.26% 0.0367 63.65)` | Lye Tinted | white, 5 to 1 |
| 9 | `#7c6e59` | `oklch(54.56% 0.0364 77.62)` | Butternut Wood | white, 4.9 to 1 |
| 10 | `#797159` | `oklch(54.93% 0.0365 90.54)` | Pablo | white, 4.8 to 1 |
| 11 | `#77745b` | `oklch(55.40% 0.0369 101.87)` | Positively Palm | white, 4.7 to 1 |
| 12 | `#75775d` | `oklch(55.97% 0.0378 111.11)` | Boardman | white, 4.6 to 1 |
| 13 | `#747a60` | `oklch(56.66% 0.0393 117.73)` | Desert Chaparral | black, 4.6 to 1 |
| 14 | `#757d62` | `oklch(57.48% 0.0413 121.21)` | Limed Ash | black, 4.8 to 1 |
| 15 | `#778063` | `oklch(58.57% 0.0441 121.70)` | Koi Pond | black, 5 to 1 |
| 16 | `#7c8565` | `oklch(60.01% 0.0477 119.84)` | Swedish Clover | black, 5.3 to 1 |
| 17 | `#838a66` | `oklch(61.72% 0.0518 115.93)` | Green Bush | black, 5.7 to 1 |
| 18 | `#8d8e66` | `oklch(63.61% 0.0565 110.23)` | Paid in Full | black, 6.2 to 1 |
| 19 | `#989367` | `oklch(65.62% 0.0616 103.03)` | Cactus Sand | black, 6.7 to 1 |
| 20 | `#a49767` | `oklch(67.67% 0.0669 94.62)` | Tea Leaf Brown | black, 7.2 to 1 |
| 21 | `#b29a69` | `oklch(69.67% 0.0724 85.26)` | Golden Moss | black, 7.7 to 1 |
| 22 | `#c09d6b` | `oklch(71.54% 0.0780 75.24)` | Welcome Home | black, 8.2 to 1 |
| 23 | `#cd9e70` | `oklch(73.22% 0.0834 64.85)` | White Oak | black, 8.7 to 1 |
| 24 | `#d99e77` | `oklch(74.62% 0.0886 54.35)` | Ochraceous Salmon | black, 9 to 1 |
| 25 | `#e39d7f` | `oklch(75.67% 0.0936 44.03)` | Les Demoiselles d’Avignon | black, 9.3 to 1 |
| 26 | `#e99b88` | `oklch(76.28% 0.0980 34.17)` | Whimsy | black, 9.5 to 1 |
| 27 | `#ec9991` | `oklch(76.38% 0.1020 25.05)` | Coral Bead | black, 9.5 to 1 |
| 28 | `#ec959a` | `oklch(75.89% 0.1055 15.85)` | Funki Porcini | black, 9.3 to 1 |
| 29 | `#e890a3` | `oklch(74.85% 0.1089 5.73)` | Underwater Flare | black, 8.9 to 1 |
| 30 | `#e08aac` | `oklch(73.35% 0.1122 354.89)` | Vivacious Pink | black, 8.4 to 1 |
| 31 | `#d585b5` | `oklch(71.47% 0.1153 343.57)` | Cyclamen | black, 7.8 to 1 |
| 32 | `#c780bd` | `oklch(69.31% 0.1182 331.98)` | Peruvian Lily | black, 7.2 to 1 |
| 33 | `#b67bc3` | `oklch(66.97% 0.1210 320.34)` | Wisteria | black, 6.6 to 1 |
| 34 | `#a478c7` | `oklch(64.52% 0.1236 308.88)` | Wisteria | black, 6 to 1 |
| 35 | `#9074c8` | `oklch(62.06% 0.1260 297.81)` | True V | black, 5.5 to 1 |
| 36 | `#7c71c7` | `oklch(59.68% 0.1282 287.36)` | Venus Violet | black, 5 to 1 |
| 37 | `#676fc4` | `oklch(57.47% 0.1302 277.75)` | Purple Toolbox | black, 4.6 to 1 |
| 38 | `#546dc0` | `oklch(55.51% 0.1320 269.19)` | Amparo Blue | white, 4.8 to 1 |
| 39 | `#416cbb` | `oklch(53.91% 0.1337 261.91)` | Azraq Blue | white, 5.1 to 1 |
| 40 | `#306bb7` | `oklch(52.76% 0.1350 256.13)` | Dover Straits | white, 5.3 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #7d6374 0.0%, #7f6471 2.6%, #80646e 5.1%, #826469 7.7%, #836564 10.3%, #836760 12.8%, #81695c 15.4%, #7f6b5a 17.9%, #7c6e59 20.5%, #797159 23.1%, #77745b 25.6%, #75775d 28.2%, #747a60 30.8%, #757d62 33.3%, #778063 35.9%, #7c8565 38.5%, #838a66 41.0%, #8d8e66 43.6%, #989367 46.2%, #a49767 48.7%, #b29a69 51.3%, #c09d6b 53.8%, #cd9e70 56.4%, #d99e77 59.0%, #e39d7f 61.5%, #e99b88 64.1%, #ec9991 66.7%, #ec959a 69.2%, #e890a3 71.8%, #e08aac 74.4%, #d585b5 76.9%, #c780bd 79.5%, #b67bc3 82.1%, #a478c7 84.6%, #9074c8 87.2%, #7c71c7 89.7%, #676fc4 92.3%, #546dc0 94.9%, #416cbb 97.4%, #306bb7 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(53.15% 0.0400 339.61) 0.0%, oklch(53.30% 0.0399 346.51) 2.6%, oklch(53.43% 0.0395 355.98) 5.1%, oklch(53.55% 0.0390 7.49) 7.7%, oklch(53.69% 0.0383 20.53) 10.3%, oklch(53.84% 0.0377 34.58) 12.8%, oklch(54.02% 0.0371 49.13) 15.4%, oklch(54.26% 0.0367 63.65) 17.9%, oklch(54.56% 0.0364 77.62) 20.5%, oklch(54.93% 0.0365 90.54) 23.1%, oklch(55.40% 0.0369 101.87) 25.6%, oklch(55.97% 0.0378 111.11) 28.2%, oklch(56.66% 0.0393 117.73) 30.8%, oklch(57.48% 0.0413 121.21) 33.3%, oklch(58.57% 0.0441 121.70) 35.9%, oklch(60.01% 0.0477 119.84) 38.5%, oklch(61.72% 0.0518 115.93) 41.0%, oklch(63.61% 0.0565 110.23) 43.6%, oklch(65.62% 0.0616 103.03) 46.2%, oklch(67.67% 0.0669 94.62) 48.7%, oklch(69.67% 0.0724 85.26) 51.3%, oklch(71.54% 0.0780 75.24) 53.8%, oklch(73.22% 0.0834 64.85) 56.4%, oklch(74.62% 0.0886 54.35) 59.0%, oklch(75.67% 0.0936 44.03) 61.5%, oklch(76.28% 0.0980 34.17) 64.1%, oklch(76.38% 0.1020 25.05) 66.7%, oklch(75.89% 0.1055 15.85) 69.2%, oklch(74.85% 0.1089 5.73) 71.8%, oklch(73.35% 0.1122 354.89) 74.4%, oklch(71.47% 0.1153 343.57) 76.9%, oklch(69.31% 0.1182 331.98) 79.5%, oklch(66.97% 0.1210 320.34) 82.1%, oklch(64.52% 0.1236 308.88) 84.6%, oklch(62.06% 0.1260 297.81) 87.2%, oklch(59.68% 0.1282 287.36) 89.7%, oklch(57.47% 0.1302 277.75) 92.3%, oklch(55.51% 0.1320 269.19) 94.9%, oklch(53.91% 0.1337 261.91) 97.4%, oklch(52.76% 0.1350 256.13) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.531 | 0.04 | 339.6 |
| 2 | 0.575 | 0.041 | 481.2 |
| 3 | 0.764 | 0.102 | 385 |
| 4 | 0.528 | 0.135 | 256.1 |

## Other forms

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