# Lavender rain over slate

Monochrome gray, lavender and purple radial gradient with 40 colors: #6d839b, #72849d, #78859f, #8185a1, #8986a2, #9288a3, #998aa3, #a08ca4, #a58ea5, #ab91a9, #b095af, #b599b6, #ba9dbe, #bda0c5, #bea3cc, #bea4d0, #bda3d0, #ba9fcd, #b699c7, #b092c0, #aa8ab8, #a383b0, #9c7eaa, #957aa6, #8e7aa5, #877ba4, #7f7da2, #797f9f, #76829c, #758698, #778996, #7c8e95, #849497, #8e9d9c, #9aa7a4, #a8b3ac, #b6beb6, #c4c9bf, #cfd1c7, #d7d8cd. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Monochrome gray, lavender and purple radial gradient
- Seed: `kYmSCx1Y_I-AZPjOmb_UQg1m-FMm`
- Page: https://grabient.com/kYmSCx1Y_I-AZPjOmb_UQg1m-FMm?style=radialGradient&steps=40&angle=0
- Drawn as: radial gradient, 40 steps, 0 degrees
- Kinds: muted, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.7 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 | `#6d839b` | `oklch(60.24% 0.0441 249.61)` | Lakeville | black, 5.3 to 1 |
| 2 | `#72849d` | `oklch(60.79% 0.0438 256.31)` | Merman | black, 5.5 to 1 |
| 3 | `#78859f` | `oklch(61.52% 0.0432 265.95)` | Tempest | black, 5.6 to 1 |
| 4 | `#8185a1` | `oklch(62.39% 0.0424 277.47)` | Velvet Curtain | black, 5.8 to 1 |
| 5 | `#8986a2` | `oklch(63.36% 0.0417 289.82)` | Mandrake | black, 6 to 1 |
| 6 | `#9288a3` | `oklch(64.40% 0.0412 301.94)` | Antique Viola | black, 6.2 to 1 |
| 7 | `#998aa3` | `oklch(65.46% 0.0412 312.78)` | Smoky Mauve | black, 6.5 to 1 |
| 8 | `#a08ca4` | `oklch(66.51% 0.0417 321.29)` | Nana | black, 6.7 to 1 |
| 9 | `#a58ea5` | `oklch(67.53% 0.0431 326.42)` | Aged to Perfection | black, 7 to 1 |
| 10 | `#ab91a9` | `oklch(68.75% 0.0455 328.29)` | Garden Flower | black, 7.3 to 1 |
| 11 | `#b095af` | `oklch(70.20% 0.0488 327.74)` | Roseville | black, 7.7 to 1 |
| 12 | `#b599b6` | `oklch(71.72% 0.0527 325.43)` | Grape Smoke | black, 8.1 to 1 |
| 13 | `#ba9dbe` | `oklch(73.18% 0.0569 322.02)` | Tuileries Tint | black, 8.6 to 1 |
| 14 | `#bda0c5` | `oklch(74.42% 0.0610 318.18)` | Beach Lilac | black, 9 to 1 |
| 15 | `#bea3cc` | `oklch(75.30% 0.0647 314.57)` | Lavendula | black, 9.3 to 1 |
| 16 | `#bea4d0` | `oklch(75.67% 0.0676 311.84)` | Lavendula | black, 9.4 to 1 |
| 17 | `#bda3d0` | `oklch(75.37% 0.0696 310.64)` | Lucius Lilac | black, 9.3 to 1 |
| 18 | `#ba9fcd` | `oklch(74.24% 0.0713 311.03)` | Turnip Crown | black, 8.9 to 1 |
| 19 | `#b699c7` | `oklch(72.46% 0.0728 312.40)` | Atlantic Tulip | black, 8.3 to 1 |
| 20 | `#b092c0` | `oklch(70.27% 0.0739 314.13)` | Lavender Earl | black, 7.7 to 1 |
| 21 | `#aa8ab8` | `oklch(67.91% 0.0744 315.58)` | East Side | black, 7 to 1 |
| 22 | `#a383b0` | `oklch(65.61% 0.0743 316.11)` | Daylight Lilac | black, 6.4 to 1 |
| 23 | `#9c7eaa` | `oklch(63.62% 0.0734 315.09)` | Lilac Intuition | black, 5.9 to 1 |
| 24 | `#957aa6` | `oklch(62.18% 0.0714 311.88)` | Trumpeter | black, 5.6 to 1 |
| 25 | `#8e7aa5` | `oklch(61.39% 0.0681 306.01)` | Pickled Purple | black, 5.4 to 1 |
| 26 | `#877ba4` | `oklch(60.83% 0.0629 297.91)` | Second Pour | black, 5.3 to 1 |
| 27 | `#7f7da2` | `oklch(60.48% 0.0564 288.00)` | Roseine Plum | black, 5.3 to 1 |
| 28 | `#797f9f` | `oklch(60.40% 0.0490 276.68)` | Positively Purple | black, 5.3 to 1 |
| 29 | `#76829c` | `oklch(60.62% 0.0414 264.30)` | Stonewash | black, 5.4 to 1 |
| 30 | `#758698` | `oklch(61.17% 0.0342 251.27)` | Apollo Bay | black, 5.5 to 1 |
| 31 | `#778996` | `oklch(62.10% 0.0278 237.95)` | Somnambulist | black, 5.8 to 1 |
| 32 | `#7c8e95` | `oklch(63.46% 0.0228 224.73)` | Denim Drift | black, 6.1 to 1 |
| 33 | `#849497` | `oklch(65.45% 0.0195 210.98)` | Carrier Pigeon Blue | black, 6.6 to 1 |
| 34 | `#8e9d9c` | `oklch(68.31% 0.0172 195.26)` | Abyss | black, 7.4 to 1 |
| 35 | `#9aa7a4` | `oklch(71.77% 0.0158 178.40)` | Galway Bay | black, 8.4 to 1 |
| 36 | `#a8b3ac` | `oklch(75.53% 0.0150 161.28)` | Gaelic Garden | black, 9.6 to 1 |
| 37 | `#b6beb6` | `oklch(79.30% 0.0145 144.79)` | Wet Ash | black, 11 to 1 |
| 38 | `#c4c9bf` | `oklch(82.80% 0.0143 129.82)` | Willow Green | black, 12.4 to 1 |
| 39 | `#cfd1c7` | `oklch(85.73% 0.0142 117.27)` | Frivolous Folly | black, 13.6 to 1 |
| 40 | `#d7d8cd` | `oklch(87.80% 0.0138 108.00)` | Ancient Kingdom | black, 14.5 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #6d839b 0.0%, #72849d 2.6%, #78859f 5.1%, #8185a1 7.7%, #8986a2 10.3%, #9288a3 12.8%, #998aa3 15.4%, #a08ca4 17.9%, #a58ea5 20.5%, #ab91a9 23.1%, #b095af 25.6%, #b599b6 28.2%, #ba9dbe 30.8%, #bda0c5 33.3%, #bea3cc 35.9%, #bea4d0 38.5%, #bda3d0 41.0%, #ba9fcd 43.6%, #b699c7 46.2%, #b092c0 48.7%, #aa8ab8 51.3%, #a383b0 53.8%, #9c7eaa 56.4%, #957aa6 59.0%, #8e7aa5 61.5%, #877ba4 64.1%, #7f7da2 66.7%, #797f9f 69.2%, #76829c 71.8%, #758698 74.4%, #778996 76.9%, #7c8e95 79.5%, #849497 82.1%, #8e9d9c 84.6%, #9aa7a4 87.2%, #a8b3ac 89.7%, #b6beb6 92.3%, #c4c9bf 94.9%, #cfd1c7 97.4%, #d7d8cd 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(60.24% 0.0441 249.61) 0.0%, oklch(60.79% 0.0438 256.31) 2.6%, oklch(61.52% 0.0432 265.95) 5.1%, oklch(62.39% 0.0424 277.47) 7.7%, oklch(63.36% 0.0417 289.82) 10.3%, oklch(64.40% 0.0412 301.94) 12.8%, oklch(65.46% 0.0412 312.78) 15.4%, oklch(66.51% 0.0417 321.29) 17.9%, oklch(67.53% 0.0431 326.42) 20.5%, oklch(68.75% 0.0455 328.29) 23.1%, oklch(70.20% 0.0488 327.74) 25.6%, oklch(71.72% 0.0527 325.43) 28.2%, oklch(73.18% 0.0569 322.02) 30.8%, oklch(74.42% 0.0610 318.18) 33.3%, oklch(75.30% 0.0647 314.57) 35.9%, oklch(75.67% 0.0676 311.84) 38.5%, oklch(75.37% 0.0696 310.64) 41.0%, oklch(74.24% 0.0713 311.03) 43.6%, oklch(72.46% 0.0728 312.40) 46.2%, oklch(70.27% 0.0739 314.13) 48.7%, oklch(67.91% 0.0744 315.58) 51.3%, oklch(65.61% 0.0743 316.11) 53.8%, oklch(63.62% 0.0734 315.09) 56.4%, oklch(62.18% 0.0714 311.88) 59.0%, oklch(61.39% 0.0681 306.01) 61.5%, oklch(60.83% 0.0629 297.91) 64.1%, oklch(60.48% 0.0564 288.00) 66.7%, oklch(60.40% 0.0490 276.68) 69.2%, oklch(60.62% 0.0414 264.30) 71.8%, oklch(61.17% 0.0342 251.27) 74.4%, oklch(62.10% 0.0278 237.95) 76.9%, oklch(63.46% 0.0228 224.73) 79.5%, oklch(65.45% 0.0195 210.98) 82.1%, oklch(68.31% 0.0172 195.26) 84.6%, oklch(71.77% 0.0158 178.40) 87.2%, oklch(75.53% 0.0150 161.28) 89.7%, oklch(79.30% 0.0145 144.79) 92.3%, oklch(82.80% 0.0143 129.82) 94.9%, oklch(85.73% 0.0142 117.27) 97.4%, oklch(87.80% 0.0138 108.00) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.602 | 0.044 | 249.6 |
| 2 | 0.673 | 0.043 | 325.7 |
| 3 | 0.756 | 0.069 | 310.9 |
| 4 | 0.618 | 0.07 | 309.8 |
| 5 | 0.638 | 0.022 | 222.1 |
| 6 | 0.878 | 0.014 | 108 |

## In these collections

- [Violet rain on sandstone](https://grabient.com/violet-rain-on-sandstone)

## Other forms

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