# Monochrome lavender to purple linear gradient

Monochrome lavender to purple linear gradient with 32 colors: #d8b1e3, #d6ade3, #d4a9e3, #d2a3e2, #cf9de2, #cb96e2, #c78fe2, #c388e1, #bf81e0, #bb7ae0, #b673df, #b26edd, #ad68dc, #a862da, #a45cd8, #9f57d6, #9a51d4, #954cd2, #9047cf, #8b42cd, #863eca, #813ac8, #7b37c5, #7634c1, #7032be, #6b30ba, #662fb6, #612db2, #5c2cae, #582cab, #552ba8, #522aa6. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUzjvi1L0_EJLvu1Qz6A`
- Page: https://grabient.com/kUzjvi1L0_EJLvu1Qz6A?steps=32&angle=0
- Drawn as: linear gradient, 32 steps, 0 degrees
- Kinds: light to dark, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 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 | `#d8b1e3` | `oklch(81.10% 0.0813 318.52)` | Whisper of Plum | black, 11.3 to 1 |
| 2 | `#d6ade3` | `oklch(80.27% 0.0865 318.10)` | Barely Bloomed | black, 10.9 to 1 |
| 3 | `#d4a9e3` | `oklch(79.20% 0.0933 317.57)` | Tropical Violet | black, 10.5 to 1 |
| 4 | `#d2a3e2` | `oklch(77.94% 0.1016 316.94)` | Spring Wisteria | black, 10 to 1 |
| 5 | `#cf9de2` | `oklch(76.52% 0.1107 316.24)` | Bright Ube | black, 9.5 to 1 |
| 6 | `#cb96e2` | `oklch(74.99% 0.1205 315.48)` | Somewhere in a Fairytale | black, 8.9 to 1 |
| 7 | `#c78fe2` | `oklch(73.39% 0.1306 314.67)` | Luminous Lavender | black, 8.4 to 1 |
| 8 | `#c388e1` | `oklch(71.75% 0.1405 313.84)` | Blush Essence | black, 7.9 to 1 |
| 9 | `#bf81e0` | `oklch(70.11% 0.1500 313.01)` | Lavender Blossom | black, 7.4 to 1 |
| 10 | `#bb7ae0` | `oklch(68.52% 0.1586 312.18)` | Lavender Blossom | black, 6.9 to 1 |
| 11 | `#b673df` | `oklch(67.01% 0.1660 311.38)` | Lavender | black, 6.5 to 1 |
| 12 | `#b26edd` | `oklch(65.59% 0.1721 310.61)` | Lavender | black, 6.1 to 1 |
| 13 | `#ad68dc` | `oklch(64.14% 0.1779 309.85)` | Violet Voltage | black, 5.7 to 1 |
| 14 | `#a862da` | `oklch(62.67% 0.1833 309.09)` | Violet Voltage | black, 5.4 to 1 |
| 15 | `#a45cd8` | `oklch(61.19% 0.1883 308.33)` | Ripe Lavander | black, 5.1 to 1 |
| 16 | `#9f57d6` | `oklch(59.71% 0.1929 307.55)` | Ripe Lavander | black, 4.7 to 1 |
| 17 | `#9a51d4` | `oklch(58.25% 0.1969 306.76)` | Morado Purple | white, 4.6 to 1 |
| 18 | `#954cd2` | `oklch(56.82% 0.2005 305.94)` | Morado Purple | white, 4.9 to 1 |
| 19 | `#9047cf` | `oklch(55.42% 0.2034 305.10)` | Dreamscape Purple | white, 5.2 to 1 |
| 20 | `#8b42cd` | `oklch(54.07% 0.2057 304.22)` | Dreamscape Purple | white, 5.5 to 1 |
| 21 | `#863eca` | `oklch(52.79% 0.2074 303.30)` | Thick Purple | white, 5.9 to 1 |
| 22 | `#813ac8` | `oklch(51.57% 0.2083 302.33)` | Purple Rain | white, 6.2 to 1 |
| 23 | `#7b37c5` | `oklch(50.36% 0.2080 301.24)` | Purple Rain | white, 6.5 to 1 |
| 24 | `#7634c1` | `oklch(49.16% 0.2066 300.02)` | Purple Rain | white, 6.9 to 1 |
| 25 | `#7032be` | `oklch(47.99% 0.2044 298.74)` | Purple Emperor | white, 7.2 to 1 |
| 26 | `#6b30ba` | `oklch(46.85% 0.2015 297.42)` | Purple Emperor | white, 7.6 to 1 |
| 27 | `#662fb6` | `oklch(45.76% 0.1983 296.11)` | Purple Emperor | white, 7.9 to 1 |
| 28 | `#612db2` | `oklch(44.75% 0.1949 294.84)` | Rabbit-Ear Iris | white, 8.2 to 1 |
| 29 | `#5c2cae` | `oklch(43.83% 0.1916 293.66)` | Royalty | white, 8.6 to 1 |
| 30 | `#582cab` | `oklch(43.00% 0.1887 292.61)` | Royalty | white, 8.8 to 1 |
| 31 | `#552ba8` | `oklch(42.30% 0.1863 291.72)` | Royalty | white, 9.1 to 1 |
| 32 | `#522aa6` | `oklch(41.73% 0.1846 291.04)` | Royalty | white, 9.3 to 1 |

## CSS

```css
background: linear-gradient(0deg, #d8b1e3 0.0%, #d6ade3 3.2%, #d4a9e3 6.5%, #d2a3e2 9.7%, #cf9de2 12.9%, #cb96e2 16.1%, #c78fe2 19.4%, #c388e1 22.6%, #bf81e0 25.8%, #bb7ae0 29.0%, #b673df 32.3%, #b26edd 35.5%, #ad68dc 38.7%, #a862da 41.9%, #a45cd8 45.2%, #9f57d6 48.4%, #9a51d4 51.6%, #954cd2 54.8%, #9047cf 58.1%, #8b42cd 61.3%, #863eca 64.5%, #813ac8 67.7%, #7b37c5 71.0%, #7634c1 74.2%, #7032be 77.4%, #6b30ba 80.6%, #662fb6 83.9%, #612db2 87.1%, #5c2cae 90.3%, #582cab 93.5%, #552ba8 96.8%, #522aa6 100.0%);
background: linear-gradient(0deg in oklch, oklch(81.10% 0.0813 318.52) 0.0%, oklch(80.27% 0.0865 318.10) 3.2%, oklch(79.20% 0.0933 317.57) 6.5%, oklch(77.94% 0.1016 316.94) 9.7%, oklch(76.52% 0.1107 316.24) 12.9%, oklch(74.99% 0.1205 315.48) 16.1%, oklch(73.39% 0.1306 314.67) 19.4%, oklch(71.75% 0.1405 313.84) 22.6%, oklch(70.11% 0.1500 313.01) 25.8%, oklch(68.52% 0.1586 312.18) 29.0%, oklch(67.01% 0.1660 311.38) 32.3%, oklch(65.59% 0.1721 310.61) 35.5%, oklch(64.14% 0.1779 309.85) 38.7%, oklch(62.67% 0.1833 309.09) 41.9%, oklch(61.19% 0.1883 308.33) 45.2%, oklch(59.71% 0.1929 307.55) 48.4%, oklch(58.25% 0.1969 306.76) 51.6%, oklch(56.82% 0.2005 305.94) 54.8%, oklch(55.42% 0.2034 305.10) 58.1%, oklch(54.07% 0.2057 304.22) 61.3%, oklch(52.79% 0.2074 303.30) 64.5%, oklch(51.57% 0.2083 302.33) 67.7%, oklch(50.36% 0.2080 301.24) 71.0%, oklch(49.16% 0.2066 300.02) 74.2%, oklch(47.99% 0.2044 298.74) 77.4%, oklch(46.85% 0.2015 297.42) 80.6%, oklch(45.76% 0.1983 296.11) 83.9%, oklch(44.75% 0.1949 294.84) 87.1%, oklch(43.83% 0.1916 293.66) 90.3%, oklch(43.00% 0.1887 292.61) 93.5%, oklch(42.30% 0.1863 291.72) 96.8%, oklch(41.73% 0.1846 291.04) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.811 | 0.081 | 318.5 |
| 2 | 0.665 | 0.168 | 311.1 |
| 3 | 0.52 | 0.208 | 302.7 |
| 4 | 0.417 | 0.185 | 291 |

## In these collections

- [Discord server banner gradients](https://grabient.com/discord-server-banner-gradients)

## Other forms

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