# Blue, gray, pink and purple radial gradient

Blue, gray, pink and purple radial gradient with 48 colors: #8089cc, #918ccd, #a792cc, #bd9bc9, #d0a6c6, #dfb4c4, #e9c3c5, #eed1ca, #efdcd0, #efe2d4, #eae4d3, #e1e1cc, #d1dcc3, #bbd4bb, #a1cbb6, #85c2b5, #6ab7b9, #56acbf, #50a2c7, #579acf, #6895d8, #7e92e0, #9591e7, #ad91eb, #c492ec, #d992ea, #ea93e5, #f791dd, #fd8dd4, #fe85c8, #f97abd, #ef6bb2, #e25ba8, #d34aa0, #c33998, #b42892, #a6178e, #9b068a, #940088, #900488, #8d1289, #8b1e8c, #8b298f, #8b3493, #8b3d96, #8b4499, #8b4a9b, #8b4e9c. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYpUnFdQjTNSl0xjukwO0u-sMxPi`
- Page: https://grabient.com/kYpUnFdQjTNSl0xjukwO0u-sMxPi?style=radialGradient&steps=48&angle=0
- Drawn as: radial gradient, 48 steps, 0 degrees
- Hues: analogous
- Contrast of its darkest and lightest colors: 6.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 | `#8089cc` | `oklch(64.96% 0.1006 277.03)` | True Lavender | black, 6.3 to 1 |
| 2 | `#918ccd` | `oklch(66.96% 0.0949 287.44)` | Adora | black, 6.8 to 1 |
| 3 | `#a792cc` | `oklch(69.89% 0.0865 300.95)` | Gorgeous Hydrangea | black, 7.6 to 1 |
| 4 | `#bd9bc9` | `oklch(73.45% 0.0762 316.97)` | Purple Prophet | black, 8.6 to 1 |
| 5 | `#d0a6c6` | `oklch(77.36% 0.0650 334.91)` | Enhance | black, 9.9 to 1 |
| 6 | `#dfb4c4` | `oklch(81.32% 0.0536 354.18)` | Mental Floss | black, 11.4 to 1 |
| 7 | `#e9c3c5` | `oklch(85.05% 0.0430 14.19)` | Pelican Feather | black, 13 to 1 |
| 8 | `#eed1ca` | `oklch(88.27% 0.0339 34.35)` | Chic Peach | black, 14.5 to 1 |
| 9 | `#efdcd0` | `oklch(90.67% 0.0272 54.05)` | Palatial | black, 15.8 to 1 |
| 10 | `#efe2d4` | `oklch(91.98% 0.0237 72.73)` | Siberian Fur | black, 16.5 to 1 |
| 11 | `#eae4d3` | `oklch(91.90% 0.0242 90.23)` | Ash White | black, 16.5 to 1 |
| 12 | `#e1e1cc` | `oklch(90.41% 0.0281 108.06)` | Vintage Beige | black, 15.8 to 1 |
| 13 | `#d1dcc3` | `oklch(87.83% 0.0348 126.21)` | Balance | black, 14.6 to 1 |
| 14 | `#bbd4bb` | `oklch(84.48% 0.0436 144.45)` | Surf | black, 13.2 to 1 |
| 15 | `#a1cbb6` | `oklch(80.68% 0.0539 162.58)` | Calculus | black, 11.7 to 1 |
| 16 | `#85c2b5` | `oklch(76.77% 0.0651 180.39)` | Seaborn | black, 10.3 to 1 |
| 17 | `#6ab7b9` | `oklch(73.06% 0.0764 197.67)` | Fresh Soft Blue | black, 9 to 1 |
| 18 | `#56acbf` | `oklch(69.88% 0.0872 214.21)` | Verditer Blue | black, 8 to 1 |
| 19 | `#50a2c7` | `oklch(67.56% 0.0969 229.81)` | Blue Grotto | black, 7.3 to 1 |
| 20 | `#579acf` | `oklch(66.42% 0.1048 244.26)` | Tall Waves | black, 6.9 to 1 |
| 21 | `#6895d8` | `oklch(66.54% 0.1118 258.22)` | Little Boy Blue | black, 6.8 to 1 |
| 22 | `#7e92e0` | `oklch(67.65% 0.1184 271.88)` | Mystic Iris | black, 7 to 1 |
| 23 | `#9591e7` | `oklch(69.46% 0.1246 285.05)` | Perrywinkle | black, 7.4 to 1 |
| 24 | `#ad91eb` | `oklch(71.67% 0.1306 297.54)` | Dreamy Candy Forest | black, 8 to 1 |
| 25 | `#c492ec` | `oklch(73.99% 0.1365 309.16)` | Luminous Lavender | black, 8.6 to 1 |
| 26 | `#d992ea` | `oklch(76.13% 0.1421 319.70)` | Bright Lilac | black, 9.2 to 1 |
| 27 | `#ea93e5` | `oklch(77.80% 0.1477 328.97)` | Love Dust | black, 9.7 to 1 |
| 28 | `#f791dd` | `oklch(78.70% 0.1532 336.79)` | Bubblegum Kisses | black, 10 to 1 |
| 29 | `#fd8dd4` | `oklch(78.53% 0.1587 342.94)` | Pink Delight | black, 9.9 to 1 |
| 30 | `#fe85c8` | `oklch(77.06% 0.1646 347.10)` | Shimmering Love | black, 9.4 to 1 |
| 31 | `#f97abd` | `oklch(74.41% 0.1714 349.07)` | Persian Pink | black, 8.5 to 1 |
| 32 | `#ef6bb2` | `oklch(70.87% 0.1786 349.24)` | Fugitive Flamingo | black, 7.4 to 1 |
| 33 | `#e25ba8` | `oklch(66.73% 0.1858 348.00)` | Orion | black, 6.3 to 1 |
| 34 | `#d34aa0` | `oklch(62.30% 0.1927 345.75)` | Twinkly Pinkily | black, 5.2 to 1 |
| 35 | `#c33998` | `oklch(57.86% 0.1988 342.86)` | Royal Fuchsia | white, 4.8 to 1 |
| 36 | `#b42892` | `oklch(53.72% 0.2037 339.75)` | Fuchsia Flourish | white, 5.7 to 1 |
| 37 | `#a6178e` | `oklch(50.17% 0.2071 336.80)` | Magneto’s Magenta | white, 6.7 to 1 |
| 38 | `#9b068a` | `oklch(47.51% 0.2084 334.40)` | Vanishing Night | white, 7.5 to 1 |
| 39 | `#940088` | `oklch(46.00% 0.2067 332.83)` | Vanishing Night | white, 8 to 1 |
| 40 | `#900488` | `oklch(45.39% 0.2030 331.28)` | Dark Magenta | white, 8.2 to 1 |
| 41 | `#8d1289` | `oklch(45.51% 0.1962 329.55)` | Violaceous Greti | white, 8.1 to 1 |
| 42 | `#8b1e8c` | `oklch(46.18% 0.1875 327.73)` | Violaceous Greti | white, 7.8 to 1 |
| 43 | `#8b298f` | `oklch(47.24% 0.1777 325.88)` | Leviathan Purple | white, 7.4 to 1 |
| 44 | `#8b3493` | `oklch(48.53% 0.1673 324.07)` | Leviathan Purple | white, 7 to 1 |
| 45 | `#8b3d96` | `oklch(49.89% 0.1571 322.37)` | Murasaki Purple | white, 6.5 to 1 |
| 46 | `#8b4499` | `oklch(51.15% 0.1479 320.84)` | Murasaki Purple | white, 6.1 to 1 |
| 47 | `#8b4a9b` | `oklch(52.16% 0.1403 319.56)` | Murasaki Purple | white, 5.8 to 1 |
| 48 | `#8b4e9c` | `oklch(52.76% 0.1350 318.60)` | Vicious Violet | white, 5.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #8089cc 0.0%, #918ccd 2.1%, #a792cc 4.3%, #bd9bc9 6.4%, #d0a6c6 8.5%, #dfb4c4 10.6%, #e9c3c5 12.8%, #eed1ca 14.9%, #efdcd0 17.0%, #efe2d4 19.1%, #eae4d3 21.3%, #e1e1cc 23.4%, #d1dcc3 25.5%, #bbd4bb 27.7%, #a1cbb6 29.8%, #85c2b5 31.9%, #6ab7b9 34.0%, #56acbf 36.2%, #50a2c7 38.3%, #579acf 40.4%, #6895d8 42.6%, #7e92e0 44.7%, #9591e7 46.8%, #ad91eb 48.9%, #c492ec 51.1%, #d992ea 53.2%, #ea93e5 55.3%, #f791dd 57.4%, #fd8dd4 59.6%, #fe85c8 61.7%, #f97abd 63.8%, #ef6bb2 66.0%, #e25ba8 68.1%, #d34aa0 70.2%, #c33998 72.3%, #b42892 74.5%, #a6178e 76.6%, #9b068a 78.7%, #940088 80.9%, #900488 83.0%, #8d1289 85.1%, #8b1e8c 87.2%, #8b298f 89.4%, #8b3493 91.5%, #8b3d96 93.6%, #8b4499 95.7%, #8b4a9b 97.9%, #8b4e9c 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(64.96% 0.1006 277.03) 0.0%, oklch(66.96% 0.0949 287.44) 2.1%, oklch(69.89% 0.0865 300.95) 4.3%, oklch(73.45% 0.0762 316.97) 6.4%, oklch(77.36% 0.0650 334.91) 8.5%, oklch(81.32% 0.0536 354.18) 10.6%, oklch(85.05% 0.0430 14.19) 12.8%, oklch(88.27% 0.0339 34.35) 14.9%, oklch(90.67% 0.0272 54.05) 17.0%, oklch(91.98% 0.0237 72.73) 19.1%, oklch(91.90% 0.0242 90.23) 21.3%, oklch(90.41% 0.0281 108.06) 23.4%, oklch(87.83% 0.0348 126.21) 25.5%, oklch(84.48% 0.0436 144.45) 27.7%, oklch(80.68% 0.0539 162.58) 29.8%, oklch(76.77% 0.0651 180.39) 31.9%, oklch(73.06% 0.0764 197.67) 34.0%, oklch(69.88% 0.0872 214.21) 36.2%, oklch(67.56% 0.0969 229.81) 38.3%, oklch(66.42% 0.1048 244.26) 40.4%, oklch(66.54% 0.1118 258.22) 42.6%, oklch(67.65% 0.1184 271.88) 44.7%, oklch(69.46% 0.1246 285.05) 46.8%, oklch(71.67% 0.1306 297.54) 48.9%, oklch(73.99% 0.1365 309.16) 51.1%, oklch(76.13% 0.1421 319.70) 53.2%, oklch(77.80% 0.1477 328.97) 55.3%, oklch(78.70% 0.1532 336.79) 57.4%, oklch(78.53% 0.1587 342.94) 59.6%, oklch(77.06% 0.1646 347.10) 61.7%, oklch(74.41% 0.1714 349.07) 63.8%, oklch(70.87% 0.1786 349.24) 66.0%, oklch(66.73% 0.1858 348.00) 68.1%, oklch(62.30% 0.1927 345.75) 70.2%, oklch(57.86% 0.1988 342.86) 72.3%, oklch(53.72% 0.2037 339.75) 74.5%, oklch(50.17% 0.2071 336.80) 76.6%, oklch(47.51% 0.2084 334.40) 78.7%, oklch(46.00% 0.2067 332.83) 80.9%, oklch(45.39% 0.2030 331.28) 83.0%, oklch(45.51% 0.1962 329.55) 85.1%, oklch(46.18% 0.1875 327.73) 87.2%, oklch(47.24% 0.1777 325.88) 89.4%, oklch(48.53% 0.1673 324.07) 91.5%, oklch(49.89% 0.1571 322.37) 93.6%, oklch(51.15% 0.1479 320.84) 95.7%, oklch(52.16% 0.1403 319.56) 97.9%, oklch(52.76% 0.1350 318.60) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.65 | 0.101 | 277 |
| 2 | 0.921 | 0.023 | 439.8 |
| 3 | 0.665 | 0.103 | 601.5 |
| 4 | 0.783 | 0.16 | 704 |
| 5 | 0.465 | 0.208 | 693.4 |
| 6 | 0.528 | 0.135 | 678.6 |

## Other forms

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