# Lilac violet shadow glow

Purple, lavender, dark purple and gray linear gradient with 32 colors: #85699c, #8b6fa2, #9478ab, #a084b6, #ad92c3, #bb9fcf, #c8addc, #d4b9e6, #ddc2ee, #e3c8f2, #e4caf2, #dfc5ec, #d3bade, #c2a9cc, #ad96b5, #97809e, #816b86, #6c5871, #5a475e, #4d3b50, #453347, #433245, #473648, #503f51, #5e4c5e, #6e5d6e, #816f80, #948393, #a896a6, #baa8b8, #c9b7c7, #d3c1d1. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Purple, lavender, dark purple and gray linear gradient
- Seed: `kUkD3b7pZAiuOwRpisCg`
- Page: https://grabient.com/kUkD3b7pZAiuOwRpisCg?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: muted, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 7.8 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 | `#85699c` | `oklch(56.69% 0.0841 308.67)` | Dark Lavender | white, 4.6 to 1 |
| 2 | `#8b6fa2` | `oklch(58.78% 0.0827 308.96)` | Babiana | black, 4.8 to 1 |
| 3 | `#9478ab` | `oklch(61.91% 0.0810 309.30)` | Gentian | black, 5.5 to 1 |
| 4 | `#a084b6` | `oklch(65.76% 0.0789 309.69)` | Peony Mauve | black, 6.4 to 1 |
| 5 | `#ad92c3` | `oklch(70.04% 0.0766 310.14)` | Enchanted Lilac | black, 7.6 to 1 |
| 6 | `#bb9fcf` | `oklch(74.43% 0.0741 310.63)` | Turnip Crown | black, 9 to 1 |
| 7 | `#c8addc` | `oklch(78.62% 0.0715 311.17)` | Lavender Field Dreamer | black, 10.4 to 1 |
| 8 | `#d4b9e6` | `oklch(82.31% 0.0688 311.75)` | Pretty Petunia | black, 11.8 to 1 |
| 9 | `#ddc2ee` | `oklch(85.19% 0.0662 312.37)` | Beefy Pink | black, 13 to 1 |
| 10 | `#e3c8f2` | `oklch(86.94% 0.0637 313.03)` | Prom Corsage | black, 13.8 to 1 |
| 11 | `#e4caf2` | `oklch(87.27% 0.0614 313.72)` | Mousse aux Pruneaux | black, 14 to 1 |
| 12 | `#dfc5ec` | `oklch(85.75% 0.0592 314.46)` | Prom Corsage | black, 13.3 to 1 |
| 13 | `#d3bade` | `oklch(82.10% 0.0570 315.28)` | Plum Point | black, 11.8 to 1 |
| 14 | `#c2a9cc` | `oklch(76.78% 0.0549 316.19)` | Immortal | black, 9.8 to 1 |
| 15 | `#ad96b5` | `oklch(70.30% 0.0527 317.15)` | Glossy Grape | black, 7.7 to 1 |
| 16 | `#97809e` | `oklch(63.14% 0.0506 318.14)` | Mixed Berries | black, 5.9 to 1 |
| 17 | `#816b86` | `oklch(55.83% 0.0485 319.15)` | Parma Grey | white, 4.7 to 1 |
| 18 | `#6c5871` | `oklch(48.84% 0.0465 320.15)` | Antique Grey | white, 6.4 to 1 |
| 19 | `#5a475e` | `oklch(42.70% 0.0445 321.13)` | Soul Train | white, 8.3 to 1 |
| 20 | `#4d3b50` | `oklch(37.91% 0.0427 322.07)` | Amethyst Dark Violet | white, 10.2 to 1 |
| 21 | `#453347` | `oklch(34.95% 0.0410 322.93)` | Purple Verbena | white, 11.5 to 1 |
| 22 | `#433245` | `oklch(34.32% 0.0395 323.72)` | Voodoo | white, 11.8 to 1 |
| 23 | `#473648` | `oklch(35.93% 0.0380 324.49)` | Purple Verbena | white, 11 to 1 |
| 24 | `#503f51` | `oklch(39.37% 0.0366 325.24)` | Royal Velvet | white, 9.6 to 1 |
| 25 | `#5e4c5e` | `oklch(44.20% 0.0353 325.97)` | Purple Fury | white, 7.8 to 1 |
| 26 | `#6e5d6e` | `oklch(50.04% 0.0341 326.67)` | Smoked Mulberry | white, 6 to 1 |
| 27 | `#816f80` | `oklch(56.46% 0.0330 327.34)` | Decorative Iris | white, 4.6 to 1 |
| 28 | `#948393` | `oklch(63.06% 0.0320 327.96)` | Quixotic | black, 5.9 to 1 |
| 29 | `#a896a6` | `oklch(69.43% 0.0310 328.52)` | Windsor Haze | black, 7.5 to 1 |
| 30 | `#baa8b8` | `oklch(75.16% 0.0302 329.03)` | Soft Heather | black, 9.3 to 1 |
| 31 | `#c9b7c7` | `oklch(79.84% 0.0295 329.46)` | Ballad | black, 11 to 1 |
| 32 | `#d3c1d1` | `oklch(83.07% 0.0289 329.81)` | Purple White | black, 12.3 to 1 |

## CSS

```css
background: linear-gradient(135deg, #85699c 0.0%, #8b6fa2 3.2%, #9478ab 6.5%, #a084b6 9.7%, #ad92c3 12.9%, #bb9fcf 16.1%, #c8addc 19.4%, #d4b9e6 22.6%, #ddc2ee 25.8%, #e3c8f2 29.0%, #e4caf2 32.3%, #dfc5ec 35.5%, #d3bade 38.7%, #c2a9cc 41.9%, #ad96b5 45.2%, #97809e 48.4%, #816b86 51.6%, #6c5871 54.8%, #5a475e 58.1%, #4d3b50 61.3%, #453347 64.5%, #433245 67.7%, #473648 71.0%, #503f51 74.2%, #5e4c5e 77.4%, #6e5d6e 80.6%, #816f80 83.9%, #948393 87.1%, #a896a6 90.3%, #baa8b8 93.5%, #c9b7c7 96.8%, #d3c1d1 100.0%);
background: linear-gradient(135deg in oklch, oklch(56.69% 0.0841 308.67) 0.0%, oklch(58.78% 0.0827 308.96) 3.2%, oklch(61.91% 0.0810 309.30) 6.5%, oklch(65.76% 0.0789 309.69) 9.7%, oklch(70.04% 0.0766 310.14) 12.9%, oklch(74.43% 0.0741 310.63) 16.1%, oklch(78.62% 0.0715 311.17) 19.4%, oklch(82.31% 0.0688 311.75) 22.6%, oklch(85.19% 0.0662 312.37) 25.8%, oklch(86.94% 0.0637 313.03) 29.0%, oklch(87.27% 0.0614 313.72) 32.3%, oklch(85.75% 0.0592 314.46) 35.5%, oklch(82.10% 0.0570 315.28) 38.7%, oklch(76.78% 0.0549 316.19) 41.9%, oklch(70.30% 0.0527 317.15) 45.2%, oklch(63.14% 0.0506 318.14) 48.4%, oklch(55.83% 0.0485 319.15) 51.6%, oklch(48.84% 0.0465 320.15) 54.8%, oklch(42.70% 0.0445 321.13) 58.1%, oklch(37.91% 0.0427 322.07) 61.3%, oklch(34.95% 0.0410 322.93) 64.5%, oklch(34.32% 0.0395 323.72) 67.7%, oklch(35.93% 0.0380 324.49) 71.0%, oklch(39.37% 0.0366 325.24) 74.2%, oklch(44.20% 0.0353 325.97) 77.4%, oklch(50.04% 0.0341 326.67) 80.6%, oklch(56.46% 0.0330 327.34) 83.9%, oklch(63.06% 0.0320 327.96) 87.1%, oklch(69.43% 0.0310 328.52) 90.3%, oklch(75.16% 0.0302 329.03) 93.5%, oklch(79.84% 0.0295 329.46) 96.8%, oklch(83.07% 0.0289 329.81) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.567 | 0.084 | 308.7 |
| 2 | 0.87 | 0.061 | 314 |
| 3 | 0.343 | 0.04 | 323.5 |
| 4 | 0.831 | 0.029 | 329.8 |

## In these collections

- [Wisteria shadow wall](https://grabient.com/wisteria-shadow-wall)

## Other forms

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