# Cyan pearl in violet dusk

Light blue, purple and gray radial gradient with 32 colors: #f3fefa, #e8f9f4, #d9f2f0, #c8e9ed, #b7deeb, #aad1ea, #a2c2e8, #a0b1e2, #a0a0d9, #a191cc, #a083be, #9c79b1, #956fa3, #8b6695, #7f5e88, #73577c, #675171, #5d4c67, #55485f, #4e4558, #4b4454, #4a4453, #4d4856, #524e5c, #595566, #625f71, #6b6a7e, #75758b, #7e8098, #878aa4, #8e92ae, #9298b5. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Light blue, purple and gray radial gradient
- Seed: `kU-wp40qFQbKJv1XD7yg`
- Page: https://grabient.com/kU-wp40qFQbKJv1XD7yg?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark center, muted
- 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 | `#f3fefa` | `oklch(98.82% 0.0138 169.45)` | Mint Cream | black, 20.4 to 1 |
| 2 | `#e8f9f4` | `oklch(96.84% 0.0188 178.06)` | Melting Glacier | black, 19.2 to 1 |
| 3 | `#d9f2f0` | `oklch(94.27% 0.0260 189.86)` | Air of Mint | black, 17.9 to 1 |
| 4 | `#c8e9ed` | `oklch(91.21% 0.0348 204.08)` | Silent Breeze | black, 16.3 to 1 |
| 5 | `#b7deeb` | `oklch(87.78% 0.0446 219.96)` | Himalaya White Blue | black, 14.7 to 1 |
| 6 | `#aad1ea` | `oklch(84.09% 0.0547 236.71)` | Gentle Wind | black, 13 to 1 |
| 7 | `#a2c2e8` | `oklch(80.28% 0.0647 253.56)` | Sky High | black, 11.3 to 1 |
| 8 | `#a0b1e2` | `oklch(76.43% 0.0738 269.75)` | Myrtle Flower | black, 9.8 to 1 |
| 9 | `#a0a0d9` | `oklch(72.69% 0.0816 284.49)` | Simply Violet | black, 8.5 to 1 |
| 10 | `#a191cc` | `oklch(69.15% 0.0874 297.02)` | Distinct Purple | black, 7.4 to 1 |
| 11 | `#a083be` | `oklch(65.94% 0.0906 306.56)` | Lilac Purple | black, 6.5 to 1 |
| 12 | `#9c79b1` | `oklch(62.99% 0.0906 312.73)` | English Lavender | black, 5.7 to 1 |
| 13 | `#956fa3` | `oklch(59.82% 0.0877 316.55)` | Ce Soir | black, 5 to 1 |
| 14 | `#8b6695` | `oklch(56.51% 0.0823 318.41)` | Viola Grey | white, 4.7 to 1 |
| 15 | `#7f5e88` | `oklch(53.19% 0.0751 318.66)` | Dusty Purple | white, 5.4 to 1 |
| 16 | `#73577c` | `oklch(49.98% 0.0668 317.63)` | Dr Who | white, 6.1 to 1 |
| 17 | `#675171` | `oklch(47.00% 0.0578 315.65)` | Basil Mauve | white, 7 to 1 |
| 18 | `#5d4c67` | `oklch(44.37% 0.0489 313.05)` | Vivid Vision | white, 7.8 to 1 |
| 19 | `#55485f` | `oklch(42.22% 0.0406 310.18)` | Soul Train | white, 8.5 to 1 |
| 20 | `#4e4558` | `oklch(40.67% 0.0336 307.35)` | Dark Grey Mauve | white, 9 to 1 |
| 21 | `#4b4454` | `oklch(39.85% 0.0283 304.91)` | Serendibite Black | white, 9.3 to 1 |
| 22 | `#4a4453` | `oklch(39.89% 0.0255 303.10)` | Serendibite Black | white, 9.3 to 1 |
| 23 | `#4d4856` | `oklch(41.04% 0.0245 301.00)` | House Stark Grey | white, 8.8 to 1 |
| 24 | `#524e5c` | `oklch(43.17% 0.0247 298.42)` | Salvation | white, 8.1 to 1 |
| 25 | `#595566` | `oklch(46.06% 0.0261 295.47)` | Ripe Berry | white, 7.1 to 1 |
| 26 | `#625f71` | `oklch(49.47% 0.0282 292.30)` | Prince Royal | white, 6.1 to 1 |
| 27 | `#6b6a7e` | `oklch(53.19% 0.0309 289.05)` | Nostalgic | white, 5.2 to 1 |
| 28 | `#75758b` | `oklch(56.99% 0.0338 285.84)` | Flying Carpet | black, 4.6 to 1 |
| 29 | `#7e8098` | `oklch(60.65% 0.0367 282.82)` | Blue Intrigue | black, 5.4 to 1 |
| 30 | `#878aa4` | `oklch(63.94% 0.0393 280.11)` | Mandrake | black, 6.1 to 1 |
| 31 | `#8e92ae` | `oklch(66.63% 0.0414 277.85)` | Sephiroth Grey | black, 6.8 to 1 |
| 32 | `#9298b5` | `oklch(68.50% 0.0427 276.19)` | Frosty Nightfall | black, 7.3 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #f3fefa 0.0%, #e8f9f4 3.2%, #d9f2f0 6.5%, #c8e9ed 9.7%, #b7deeb 12.9%, #aad1ea 16.1%, #a2c2e8 19.4%, #a0b1e2 22.6%, #a0a0d9 25.8%, #a191cc 29.0%, #a083be 32.3%, #9c79b1 35.5%, #956fa3 38.7%, #8b6695 41.9%, #7f5e88 45.2%, #73577c 48.4%, #675171 51.6%, #5d4c67 54.8%, #55485f 58.1%, #4e4558 61.3%, #4b4454 64.5%, #4a4453 67.7%, #4d4856 71.0%, #524e5c 74.2%, #595566 77.4%, #625f71 80.6%, #6b6a7e 83.9%, #75758b 87.1%, #7e8098 90.3%, #878aa4 93.5%, #8e92ae 96.8%, #9298b5 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(98.82% 0.0138 169.45) 0.0%, oklch(96.84% 0.0188 178.06) 3.2%, oklch(94.27% 0.0260 189.86) 6.5%, oklch(91.21% 0.0348 204.08) 9.7%, oklch(87.78% 0.0446 219.96) 12.9%, oklch(84.09% 0.0547 236.71) 16.1%, oklch(80.28% 0.0647 253.56) 19.4%, oklch(76.43% 0.0738 269.75) 22.6%, oklch(72.69% 0.0816 284.49) 25.8%, oklch(69.15% 0.0874 297.02) 29.0%, oklch(65.94% 0.0906 306.56) 32.3%, oklch(62.99% 0.0906 312.73) 35.5%, oklch(59.82% 0.0877 316.55) 38.7%, oklch(56.51% 0.0823 318.41) 41.9%, oklch(53.19% 0.0751 318.66) 45.2%, oklch(49.98% 0.0668 317.63) 48.4%, oklch(47.00% 0.0578 315.65) 51.6%, oklch(44.37% 0.0489 313.05) 54.8%, oklch(42.22% 0.0406 310.18) 58.1%, oklch(40.67% 0.0336 307.35) 61.3%, oklch(39.85% 0.0283 304.91) 64.5%, oklch(39.89% 0.0255 303.10) 67.7%, oklch(41.04% 0.0245 301.00) 71.0%, oklch(43.17% 0.0247 298.42) 74.2%, oklch(46.06% 0.0261 295.47) 77.4%, oklch(49.47% 0.0282 292.30) 80.6%, oklch(53.19% 0.0309 289.05) 83.9%, oklch(56.99% 0.0338 285.84) 87.1%, oklch(60.65% 0.0367 282.82) 90.3%, oklch(63.94% 0.0393 280.11) 93.5%, oklch(66.63% 0.0414 277.85) 96.8%, oklch(68.50% 0.0427 276.19) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.988 | 0.014 | 169.5 |
| 2 | 0.65 | 0.091 | 308.9 |
| 3 | 0.398 | 0.026 | 303.7 |
| 4 | 0.685 | 0.043 | 276.2 |

## In these collections

- [Extra celestial](https://grabient.com/extra-celestial)

## Other forms

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