# Gray, purple, blue and lavender radial gradient

Gray, purple, blue and lavender radial gradient with 32 colors: #dbe1e2, #ccd7da, #b9c8d1, #a6b4c7, #979eba, #8d87a9, #857095, #7e5d81, #764f70, #6c4463, #603b58, #55344f, #492e48, #402a43, #39283f, #35273e, #342940, #352d47, #373551, #3b3f5d, #3f4b6a, #435778, #496384, #516d90, #5c759b, #6d7ca5, #8182ae, #9788b4, #ab8db5, #bd93b3, #ca99b0, #d29eae. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kW5gWUvpnOSYQPVEF7mX5hMI`
- Page: https://grabient.com/kW5gWUvpnOSYQPVEF7mX5hMI?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark center, muted
- Hues: analogous
- Contrast of its darkest and lightest colors: 10.5 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 | `#dbe1e2` | `oklch(90.55% 0.0069 208.83)` | Beach Wind | black, 15.8 to 1 |
| 2 | `#ccd7da` | `oklch(87.08% 0.0126 219.60)` | White Blue | black, 14.2 to 1 |
| 3 | `#b9c8d1` | `oklch(82.27% 0.0210 235.11)` | Winter Blizzard | black, 12.1 to 1 |
| 4 | `#a6b4c7` | `oklch(76.54% 0.0309 253.63)` | Posey Blue | black, 9.9 to 1 |
| 5 | `#979eba` | `oklch(70.29% 0.0415 273.47)` | Skyline | black, 7.9 to 1 |
| 6 | `#8d87a9` | `oklch(63.93% 0.0518 292.91)` | Purple Hills | black, 6.1 to 1 |
| 7 | `#857095` | `oklch(57.87% 0.0608 310.24)` | Baroness Mauve | black, 4.7 to 1 |
| 8 | `#7e5d81` | `oklch(52.52% 0.0674 323.75)` | Trendy Pink | white, 5.5 to 1 |
| 9 | `#764f70` | `oklch(48.24% 0.0708 331.83)` | Brocade Violet | white, 6.7 to 1 |
| 10 | `#6c4463` | `oklch(44.38% 0.0706 335.27)` | Wizard Time | white, 7.9 to 1 |
| 11 | `#603b58` | `oklch(40.72% 0.0678 335.37)` | Precious Jewels | white, 9.2 to 1 |
| 12 | `#55344f` | `oklch(37.37% 0.0632 332.83)` | Auricula Purple | white, 10.6 to 1 |
| 13 | `#492e48` | `oklch(34.49% 0.0577 328.37)` | Purple Pennant | white, 11.8 to 1 |
| 14 | `#402a43` | `oklch(32.19% 0.0522 322.73)` | Aubergine Mauve | white, 12.8 to 1 |
| 15 | `#39283f` | `oklch(30.62% 0.0476 316.62)` | Spinel Violet | white, 13.5 to 1 |
| 16 | `#35273e` | `oklch(29.91% 0.0446 310.77)` | Spinel Violet | white, 13.9 to 1 |
| 17 | `#342940` | `oklch(30.24% 0.0441 305.27)` | Spinel Violet | white, 13.7 to 1 |
| 18 | `#352d47` | `oklch(31.82% 0.0454 297.35)` | Obsidian Lava Black | white, 12.9 to 1 |
| 19 | `#373551` | `oklch(34.43% 0.0480 287.57)` | Tiě Hēi Metal | white, 11.7 to 1 |
| 20 | `#3b3f5d` | `oklch(37.79% 0.0513 277.17)` | Mangosteen | white, 10.1 to 1 |
| 21 | `#3f4b6a` | `oklch(41.59% 0.0551 267.36)` | Buster | white, 8.6 to 1 |
| 22 | `#435778` | `oklch(45.55% 0.0588 259.35)` | Carter’s Scroll | white, 7.2 to 1 |
| 23 | `#496384` | `oklch(49.38% 0.0620 254.37)` | Climate Control | white, 6.1 to 1 |
| 24 | `#516d90` | `oklch(52.79% 0.0644 253.64)` | Wickford Bay | white, 5.3 to 1 |
| 25 | `#5c759b` | `oklch(55.81% 0.0657 258.51)` | Quiet Harbour | white, 4.6 to 1 |
| 26 | `#6d7ca5` | `oklch(58.99% 0.0664 269.04)` | Night Thistle | black, 5 to 1 |
| 27 | `#8182ae` | `oklch(62.25% 0.0667 283.59)` | Aster Purple | black, 5.7 to 1 |
| 28 | `#9788b4` | `oklch(65.46% 0.0668 300.49)` | Silk Lilac | black, 6.4 to 1 |
| 29 | `#ab8db5` | `oklch(68.48% 0.0666 318.04)` | Superstitious | black, 7.2 to 1 |
| 30 | `#bd93b3` | `oklch(71.20% 0.0664 334.57)` | Mauve Magic | black, 7.9 to 1 |
| 31 | `#ca99b0` | `oklch(73.48% 0.0662 348.39)` | Lady’s Cushions Pink | black, 8.6 to 1 |
| 32 | `#d29eae` | `oklch(75.20% 0.0661 357.83)` | Lili Elbe’s Pink | black, 9.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #dbe1e2 0.0%, #ccd7da 3.2%, #b9c8d1 6.5%, #a6b4c7 9.7%, #979eba 12.9%, #8d87a9 16.1%, #857095 19.4%, #7e5d81 22.6%, #764f70 25.8%, #6c4463 29.0%, #603b58 32.3%, #55344f 35.5%, #492e48 38.7%, #402a43 41.9%, #39283f 45.2%, #35273e 48.4%, #342940 51.6%, #352d47 54.8%, #373551 58.1%, #3b3f5d 61.3%, #3f4b6a 64.5%, #435778 67.7%, #496384 71.0%, #516d90 74.2%, #5c759b 77.4%, #6d7ca5 80.6%, #8182ae 83.9%, #9788b4 87.1%, #ab8db5 90.3%, #bd93b3 93.5%, #ca99b0 96.8%, #d29eae 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(90.55% 0.0069 208.83) 0.0%, oklch(87.08% 0.0126 219.60) 3.2%, oklch(82.27% 0.0210 235.11) 6.5%, oklch(76.54% 0.0309 253.63) 9.7%, oklch(70.29% 0.0415 273.47) 12.9%, oklch(63.93% 0.0518 292.91) 16.1%, oklch(57.87% 0.0608 310.24) 19.4%, oklch(52.52% 0.0674 323.75) 22.6%, oklch(48.24% 0.0708 331.83) 25.8%, oklch(44.38% 0.0706 335.27) 29.0%, oklch(40.72% 0.0678 335.37) 32.3%, oklch(37.37% 0.0632 332.83) 35.5%, oklch(34.49% 0.0577 328.37) 38.7%, oklch(32.19% 0.0522 322.73) 41.9%, oklch(30.62% 0.0476 316.62) 45.2%, oklch(29.91% 0.0446 310.77) 48.4%, oklch(30.24% 0.0441 305.27) 51.6%, oklch(31.82% 0.0454 297.35) 54.8%, oklch(34.43% 0.0480 287.57) 58.1%, oklch(37.79% 0.0513 277.17) 61.3%, oklch(41.59% 0.0551 267.36) 64.5%, oklch(45.55% 0.0588 259.35) 67.7%, oklch(49.38% 0.0620 254.37) 71.0%, oklch(52.79% 0.0644 253.64) 74.2%, oklch(55.81% 0.0657 258.51) 77.4%, oklch(58.99% 0.0664 269.04) 80.6%, oklch(62.25% 0.0667 283.59) 83.9%, oklch(65.46% 0.0668 300.49) 87.1%, oklch(68.48% 0.0666 318.04) 90.3%, oklch(71.20% 0.0664 334.57) 93.5%, oklch(73.48% 0.0662 348.39) 96.8%, oklch(75.20% 0.0661 357.83) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.906 | 0.007 | 208.8 |
| 2 | 0.492 | 0.07 | 330.4 |
| 3 | 0.299 | 0.044 | 308.2 |
| 4 | 0.535 | 0.065 | 254.3 |
| 5 | 0.752 | 0.066 | 357.8 |

## In these collections

- [Backstage powder chrome](https://grabient.com/backstage-powder-chrome)

## Other forms

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