# Lilac magenta diagonal haze

Monochrome lavender to purple linear gradient with 32 colors: #eae0f4, #ddceea, #cbb4da, #b794c5, #a273af, #8e5398, #7d3684, #6f2076, #671471, #631974, #63277c, #653a88, #694e93, #6f619e, #7773a8, #8080b0, #8789b9, #9091c4, #9b99d2, #a69fe1, #b3a3ef, #bfa4f9, #c9a3ff, #ce9fff, #d096fb, #cb88ef, #c376de, #b863ca, #ab4eb6, #a03aa2, #952892, #8f1987. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Monochrome lavender to purple linear gradient
- Seed: `kW6hXbMLnB1CZuxjNULOsVCw`
- Page: https://grabient.com/kW6hXbMLnB1CZuxjNULOsVCw?steps=32&angle=225
- Drawn as: linear gradient, 32 steps, 225 degrees
- Hues: analogous
- Contrast of its darkest and lightest colors: 8.6 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 | `#eae0f4` | `oklch(92.13% 0.0289 307.97)` | Lingering Lilac | black, 16.5 to 1 |
| 2 | `#ddceea` | `oklch(87.23% 0.0409 309.65)` | Plum’s the Word | black, 14.1 to 1 |
| 3 | `#cbb4da` | `oklch(80.08% 0.0585 312.34)` | Sea Lavender | black, 11 to 1 |
| 4 | `#b794c5` | `oklch(71.53% 0.0797 315.57)` | Sheer Lilac | black, 8 to 1 |
| 5 | `#a273af` | `oklch(62.45% 0.1020 318.87)` | Bell Heather | black, 5.6 to 1 |
| 6 | `#8e5398` | `oklch(53.67% 0.1233 321.77)` | Vicious Violet | white, 5.4 to 1 |
| 7 | `#7d3684` | `oklch(46.08% 0.1414 323.79)` | Sparkling Grape | white, 7.6 to 1 |
| 8 | `#6f2076` | `oklch(40.51% 0.1540 324.47)` | Pure Purple | white, 9.8 to 1 |
| 9 | `#671471` | `oklch(37.81% 0.1588 323.32)` | Deep Daitoku Purple | white, 10.9 to 1 |
| 10 | `#631974` | `oklch(37.88% 0.1548 319.70)` | Deep Daitoku Purple | white, 10.9 to 1 |
| 11 | `#63277c` | `oklch(40.04% 0.1439 314.07)` | Berry Blackmail | white, 9.9 to 1 |
| 12 | `#653a88` | `oklch(43.70% 0.1285 307.23)` | Tillandsia Purple | white, 8.3 to 1 |
| 13 | `#694e93` | `oklch(48.30% 0.1111 299.96)` | Parfait d’Amour | white, 6.7 to 1 |
| 14 | `#6f619e` | `oklch(53.26% 0.0943 293.06)` | Scampi | white, 5.3 to 1 |
| 15 | `#7773a8` | `oklch(57.98% 0.0803 287.32)` | Purple Mountain Majesty | black, 4.7 to 1 |
| 16 | `#8080b0` | `oklch(61.91% 0.0718 283.53)` | Murex | black, 5.6 to 1 |
| 17 | `#8789b9` | `oklch(64.72% 0.0706 282.33)` | Soft Blue Lavender | black, 6.3 to 1 |
| 18 | `#9091c4` | `oklch(67.58% 0.0751 283.19)` | Fast Velvet | black, 7 to 1 |
| 19 | `#9b99d2` | `oklch(70.51% 0.0837 285.60)` | Bluebell Frost | black, 7.8 to 1 |
| 20 | `#a69fe1` | `oklch(73.28% 0.0951 289.13)` | Simply Violet | black, 8.6 to 1 |
| 21 | `#b3a3ef` | `oklch(75.67% 0.1081 293.37)` | Shy Moment | black, 9.3 to 1 |
| 22 | `#bfa4f9` | `oklch(77.44% 0.1215 297.90)` | Lavender Cream | black, 9.9 to 1 |
| 23 | `#c9a3ff` | `oklch(78.35% 0.1330 302.28)` | Hydrangea Purple | black, 10.1 to 1 |
| 24 | `#ce9fff` | `oklch(78.19% 0.1409 306.10)` | Hydrangea Purple | black, 10 to 1 |
| 25 | `#d096fb` | `oklch(76.57% 0.1518 309.37)` | Lilás | black, 9.4 to 1 |
| 26 | `#cb88ef` | `oklch(73.27% 0.1590 312.88)` | Azuremyst Isle | black, 8.3 to 1 |
| 27 | `#c376de` | `oklch(68.77% 0.1658 316.52)` | Fake Love | black, 6.9 to 1 |
| 28 | `#b863ca` | `oklch(63.59% 0.1721 320.14)` | Rich Lilac | black, 5.6 to 1 |
| 29 | `#ab4eb6` | `oklch(58.22% 0.1777 323.58)` | Royal Gramma Purple | white, 4.6 to 1 |
| 30 | `#a03aa2` | `oklch(53.18% 0.1827 326.67)` | Medium Purple | white, 5.7 to 1 |
| 31 | `#952892` | `oklch(48.95% 0.1869 329.27)` | Acai Juice | white, 6.9 to 1 |
| 32 | `#8f1987` | `oklch(46.06% 0.1902 331.22)` | Violaceous Greti | white, 7.9 to 1 |

## CSS

```css
background: linear-gradient(225deg, #eae0f4 0.0%, #ddceea 3.2%, #cbb4da 6.5%, #b794c5 9.7%, #a273af 12.9%, #8e5398 16.1%, #7d3684 19.4%, #6f2076 22.6%, #671471 25.8%, #631974 29.0%, #63277c 32.3%, #653a88 35.5%, #694e93 38.7%, #6f619e 41.9%, #7773a8 45.2%, #8080b0 48.4%, #8789b9 51.6%, #9091c4 54.8%, #9b99d2 58.1%, #a69fe1 61.3%, #b3a3ef 64.5%, #bfa4f9 67.7%, #c9a3ff 71.0%, #ce9fff 74.2%, #d096fb 77.4%, #cb88ef 80.6%, #c376de 83.9%, #b863ca 87.1%, #ab4eb6 90.3%, #a03aa2 93.5%, #952892 96.8%, #8f1987 100.0%);
background: linear-gradient(225deg in oklch, oklch(92.13% 0.0289 307.97) 0.0%, oklch(87.23% 0.0409 309.65) 3.2%, oklch(80.08% 0.0585 312.34) 6.5%, oklch(71.53% 0.0797 315.57) 9.7%, oklch(62.45% 0.1020 318.87) 12.9%, oklch(53.67% 0.1233 321.77) 16.1%, oklch(46.08% 0.1414 323.79) 19.4%, oklch(40.51% 0.1540 324.47) 22.6%, oklch(37.81% 0.1588 323.32) 25.8%, oklch(37.88% 0.1548 319.70) 29.0%, oklch(40.04% 0.1439 314.07) 32.3%, oklch(43.70% 0.1285 307.23) 35.5%, oklch(48.30% 0.1111 299.96) 38.7%, oklch(53.26% 0.0943 293.06) 41.9%, oklch(57.98% 0.0803 287.32) 45.2%, oklch(61.91% 0.0718 283.53) 48.4%, oklch(64.72% 0.0706 282.33) 51.6%, oklch(67.58% 0.0751 283.19) 54.8%, oklch(70.51% 0.0837 285.60) 58.1%, oklch(73.28% 0.0951 289.13) 61.3%, oklch(75.67% 0.1081 293.37) 64.5%, oklch(77.44% 0.1215 297.90) 67.7%, oklch(78.35% 0.1330 302.28) 71.0%, oklch(78.19% 0.1409 306.10) 74.2%, oklch(76.57% 0.1518 309.37) 77.4%, oklch(73.27% 0.1590 312.88) 80.6%, oklch(68.77% 0.1658 316.52) 83.9%, oklch(63.59% 0.1721 320.14) 87.1%, oklch(58.22% 0.1777 323.58) 90.3%, oklch(53.18% 0.1827 326.67) 93.5%, oklch(48.95% 0.1869 329.27) 96.8%, oklch(46.06% 0.1902 331.22) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.921 | 0.029 | 308 |
| 2 | 0.382 | 0.158 | 323.8 |
| 3 | 0.634 | 0.07 | 282.6 |
| 4 | 0.78 | 0.146 | 306.9 |
| 5 | 0.461 | 0.19 | 331.2 |

## In these collections

- [Purple and pink gradients](https://grabient.com/purple-and-pink-gradients)

## Other forms

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