# Lavender to gray radial gradient

Lavender to gray radial gradient with 32 colors: #d9b2c1, #d5b1c1, #d0b0c2, #caaec2, #c4acc1, #bdabc0, #b6a9be, #afa6bb, #a8a4b7, #a2a1b3, #9d9eb0, #989bac, #9298a9, #8c95a6, #8692a2, #7f8f9f, #788b9c, #728898, #6b8594, #668190, #617e8c, #5d7a88, #5a7684, #577280, #556d7c, #546878, #526374, #515f70, #505b6b, #4f5768, #4e5464, #4d5262. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUzCP72Qk3MgOuc4CcUA`
- Page: https://grabient.com/kUzCP72Qk3MgOuc4CcUA?style=radialGradient&steps=32
- Drawn as: radial gradient, 32 steps, 90 degrees
- Kinds: light to dark, neutral, cool
- Hues: two-hue
- Contrast of its darkest and lightest colors: 4.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 | `#d9b2c1` | `oklch(80.31% 0.0482 353.67)` | Mauvelous | black, 11.1 to 1 |
| 2 | `#d5b1c1` | `oklch(79.74% 0.0467 349.34)` | Kindness | black, 10.9 to 1 |
| 3 | `#d0b0c2` | `oklch(79.03% 0.0446 343.68)` | Tranquil Dusk | black, 10.6 to 1 |
| 4 | `#caaec2` | `oklch(78.19% 0.0420 336.94)` | Winsome Orchid | black, 10.3 to 1 |
| 5 | `#c4acc1` | `oklch(77.24% 0.0391 329.40)` | Monet Magic | black, 10 to 1 |
| 6 | `#bdabc0` | `oklch(76.21% 0.0361 321.31)` | Lavender Frost | black, 9.7 to 1 |
| 7 | `#b6a9be` | `oklch(75.12% 0.0331 312.93)` | Velour | black, 9.3 to 1 |
| 8 | `#afa6bb` | `oklch(73.97% 0.0303 304.53)` | Morning Mist Grey | black, 9 to 1 |
| 9 | `#a8a4b7` | `oklch(72.81% 0.0279 296.36)` | Curated Lilac | black, 8.6 to 1 |
| 10 | `#a2a1b3` | `oklch(71.63% 0.0261 288.69)` | Lazy Lavender | black, 8.3 to 1 |
| 11 | `#9d9eb0` | `oklch(70.46% 0.0250 281.79)` | Screen Test | black, 7.9 to 1 |
| 12 | `#989bac` | `oklch(69.30% 0.0247 275.55)` | Wet Asphalt | black, 7.6 to 1 |
| 13 | `#9298a9` | `oklch(68.09% 0.0254 269.05)` | Memorise | black, 7.3 to 1 |
| 14 | `#8c95a6` | `oklch(66.83% 0.0267 262.41)` | Ozone | black, 6.9 to 1 |
| 15 | `#8692a2` | `oklch(65.53% 0.0285 255.82)` | Fantasy Grey | black, 6.6 to 1 |
| 16 | `#7f8f9f` | `oklch(64.20% 0.0306 249.49)` | London Square | black, 6.3 to 1 |
| 17 | `#788b9c` | `oklch(62.86% 0.0329 243.60)` | Somnambulist | black, 5.9 to 1 |
| 18 | `#728898` | `oklch(61.51% 0.0352 238.37)` | Skipper | black, 5.6 to 1 |
| 19 | `#6b8594` | `oklch(60.17% 0.0372 233.98)` | South Pacific | black, 5.4 to 1 |
| 20 | `#668190` | `oklch(58.84% 0.0387 230.63)` | Blue Prince | black, 5.1 to 1 |
| 21 | `#617e8c` | `oklch(57.54% 0.0397 228.53)` | Pier 17 Steel | black, 4.8 to 1 |
| 22 | `#5d7a88` | `oklch(56.27% 0.0399 227.90)` | Night Owl | black, 4.6 to 1 |
| 23 | `#5a7684` | `oklch(54.94% 0.0395 229.17)` | Hampton Surf | white, 4.8 to 1 |
| 24 | `#577280` | `oklch(53.55% 0.0385 232.12)` | Blue Stone | white, 5.1 to 1 |
| 25 | `#556d7c` | `oklch(52.13% 0.0372 236.38)` | Deadwind Pass | white, 5.4 to 1 |
| 26 | `#546878` | `oklch(50.71% 0.0355 241.58)` | Payne’s Grey | white, 5.7 to 1 |
| 27 | `#526374` | `oklch(49.33% 0.0337 247.33)` | Midnight Show | white, 6.1 to 1 |
| 28 | `#515f70` | `oklch(48.02% 0.0318 253.26)` | Da Blues | white, 6.5 to 1 |
| 29 | `#505b6b` | `oklch(46.81% 0.0300 258.99)` | Storm Rising | white, 6.8 to 1 |
| 30 | `#4f5768` | `oklch(45.73% 0.0284 264.15)` | Property | white, 7.2 to 1 |
| 31 | `#4e5464` | `oklch(44.81% 0.0271 268.36)` | Mystical Shade | white, 7.5 to 1 |
| 32 | `#4d5262` | `oklch(44.09% 0.0262 271.25)` | Mystical Shade | white, 7.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #d9b2c1 0.0%, #d5b1c1 3.2%, #d0b0c2 6.5%, #caaec2 9.7%, #c4acc1 12.9%, #bdabc0 16.1%, #b6a9be 19.4%, #afa6bb 22.6%, #a8a4b7 25.8%, #a2a1b3 29.0%, #9d9eb0 32.3%, #989bac 35.5%, #9298a9 38.7%, #8c95a6 41.9%, #8692a2 45.2%, #7f8f9f 48.4%, #788b9c 51.6%, #728898 54.8%, #6b8594 58.1%, #668190 61.3%, #617e8c 64.5%, #5d7a88 67.7%, #5a7684 71.0%, #577280 74.2%, #556d7c 77.4%, #546878 80.6%, #526374 83.9%, #515f70 87.1%, #505b6b 90.3%, #4f5768 93.5%, #4e5464 96.8%, #4d5262 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(80.31% 0.0482 353.67) 0.0%, oklch(79.74% 0.0467 349.34) 3.2%, oklch(79.03% 0.0446 343.68) 6.5%, oklch(78.19% 0.0420 336.94) 9.7%, oklch(77.24% 0.0391 329.40) 12.9%, oklch(76.21% 0.0361 321.31) 16.1%, oklch(75.12% 0.0331 312.93) 19.4%, oklch(73.97% 0.0303 304.53) 22.6%, oklch(72.81% 0.0279 296.36) 25.8%, oklch(71.63% 0.0261 288.69) 29.0%, oklch(70.46% 0.0250 281.79) 32.3%, oklch(69.30% 0.0247 275.55) 35.5%, oklch(68.09% 0.0254 269.05) 38.7%, oklch(66.83% 0.0267 262.41) 41.9%, oklch(65.53% 0.0285 255.82) 45.2%, oklch(64.20% 0.0306 249.49) 48.4%, oklch(62.86% 0.0329 243.60) 51.6%, oklch(61.51% 0.0352 238.37) 54.8%, oklch(60.17% 0.0372 233.98) 58.1%, oklch(58.84% 0.0387 230.63) 61.3%, oklch(57.54% 0.0397 228.53) 64.5%, oklch(56.27% 0.0399 227.90) 67.7%, oklch(54.94% 0.0395 229.17) 71.0%, oklch(53.55% 0.0385 232.12) 74.2%, oklch(52.13% 0.0372 236.38) 77.4%, oklch(50.71% 0.0355 241.58) 80.6%, oklch(49.33% 0.0337 247.33) 83.9%, oklch(48.02% 0.0318 253.26) 87.1%, oklch(46.81% 0.0300 258.99) 90.3%, oklch(45.73% 0.0284 264.15) 93.5%, oklch(44.81% 0.0271 268.36) 96.8%, oklch(44.09% 0.0262 271.25) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.803 | 0.048 | 353.7 |
| 2 | 0.701 | 0.025 | 279.7 |
| 3 | 0.567 | 0.04 | 227.9 |
| 4 | 0.441 | 0.026 | 271.2 |

## In these collections

- [Dusk gradients](https://grabient.com/dusk-gradients)

## Other forms

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