# Black plum lilac gradient

Lavender to black linear gradient with 32 colors: #a286e7, #a182e4, #a17de0, #a077db, #9e70d6, #9d69d0, #9c61c9, #9a59c1, #9852b9, #954ab1, #9344a8, #903ea0, #8c3897, #88338e, #842e85, #7f2a7c, #7a2672, #742269, #6f1e61, #6a1b58, #641850, #5f1548, #5a1240, #540f38, #4e0d30, #470c28, #410a21, #3b091c, #350917, #300812, #2c070f, #29070d. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Lavender to black linear gradient
- Seed: `kUrmfSwr1CqwswqYlMOA`
- Page: https://grabient.com/kUrmfSwr1CqwswqYlMOA?steps=32&angle=315
- Drawn as: linear gradient, 32 steps, 315 degrees
- Kinds: light to dark, vivid
- Hues: analogous
- Contrast of its darkest and lightest colors: 6.2 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 | `#a286e7` | `oklch(68.50% 0.1419 296.02)` | Perrywinkle | black, 7 to 1 |
| 2 | `#a182e4` | `oklch(67.59% 0.1437 297.35)` | Lavender Blossom | black, 6.8 to 1 |
| 3 | `#a17de0` | `oklch(66.42% 0.1464 299.05)` | Lavender Blossom | black, 6.4 to 1 |
| 4 | `#a077db` | `oklch(65.04% 0.1498 301.07)` | Iridescent Purple | black, 6.1 to 1 |
| 5 | `#9e70d6` | `oklch(63.50% 0.1535 303.32)` | Iridescent Purple | black, 5.7 to 1 |
| 6 | `#9d69d0` | `oklch(61.83% 0.1572 305.77)` | Amethyst | black, 5.3 to 1 |
| 7 | `#9c61c9` | `oklch(60.07% 0.1609 308.33)` | Amethyst | black, 4.9 to 1 |
| 8 | `#9a59c1` | `oklch(58.25% 0.1640 310.95)` | Liberal Lilac | white, 4.5 to 1 |
| 9 | `#9852b9` | `oklch(56.43% 0.1665 313.56)` | Liberal Lilac | white, 4.9 to 1 |
| 10 | `#954ab1` | `oklch(54.64% 0.1680 316.10)` | Tyrian Shimmer | white, 5.3 to 1 |
| 11 | `#9344a8` | `oklch(52.91% 0.1683 318.50)` | Tyrian Shimmer | white, 5.7 to 1 |
| 12 | `#903ea0` | `oklch(51.26% 0.1672 320.75)` | Murasaki Purple | white, 6.2 to 1 |
| 13 | `#8c3897` | `oklch(49.57% 0.1651 322.93)` | Leviathan Purple | white, 6.6 to 1 |
| 14 | `#88338e` | `oklch(47.84% 0.1620 325.08)` | Dull Violet | white, 7.1 to 1 |
| 15 | `#842e85` | `oklch(46.10% 0.1581 327.21)` | Purple Sultan | white, 7.7 to 1 |
| 16 | `#7f2a7c` | `oklch(44.34% 0.1536 329.35)` | Hello Darkness My Old Friend | white, 8.3 to 1 |
| 17 | `#7a2672` | `oklch(42.57% 0.1486 331.51)` | Count’s Wardrobe | white, 8.9 to 1 |
| 18 | `#742269` | `oklch(40.82% 0.1432 333.72)` | Mirage of Violets | white, 9.6 to 1 |
| 19 | `#6f1e61` | `oklch(39.09% 0.1376 335.99)` | Byzantium | white, 10.3 to 1 |
| 20 | `#6a1b58` | `oklch(37.39% 0.1319 338.34)` | Palatinate Purple | white, 11 to 1 |
| 21 | `#641850` | `oklch(35.73% 0.1263 340.80)` | Grape Purple | white, 11.7 to 1 |
| 22 | `#5f1548` | `oklch(34.11% 0.1208 343.40)` | Grape Purple | white, 12.4 to 1 |
| 23 | `#5a1240` | `oklch(32.44% 0.1146 346.33)` | Violet Carmine | white, 13.1 to 1 |
| 24 | `#540f38` | `oklch(30.72% 0.1078 349.54)` | Tulip Poplar Purple | white, 13.9 to 1 |
| 25 | `#4e0d30` | `oklch(28.98% 0.1005 352.93)` | Tulip Poplar Purple | white, 14.7 to 1 |
| 26 | `#470c28` | `oklch(27.26% 0.0930 356.41)` | What We Do in the Shadows | white, 15.5 to 1 |
| 27 | `#410a21` | `oklch(25.59% 0.0855 359.86)` | Blaze It Dark Magenta | white, 16.2 to 1 |
| 28 | `#3b091c` | `oklch(24.01% 0.0782 3.18)` | Blaze It Dark Magenta | white, 16.8 to 1 |
| 29 | `#350917` | `oklch(22.56% 0.0715 6.28)` | Ilvaite Black | white, 17.4 to 1 |
| 30 | `#300812` | `oklch(21.26% 0.0654 9.04)` | Ilvaite Black | white, 17.9 to 1 |
| 31 | `#2c070f` | `oklch(20.16% 0.0604 11.37)` | Ilvaite Black | white, 18.3 to 1 |
| 32 | `#29070d` | `oklch(19.29% 0.0565 13.16)` | Sepia Black | white, 18.6 to 1 |

## CSS

```css
background: linear-gradient(315deg, #a286e7 0.0%, #a182e4 3.2%, #a17de0 6.5%, #a077db 9.7%, #9e70d6 12.9%, #9d69d0 16.1%, #9c61c9 19.4%, #9a59c1 22.6%, #9852b9 25.8%, #954ab1 29.0%, #9344a8 32.3%, #903ea0 35.5%, #8c3897 38.7%, #88338e 41.9%, #842e85 45.2%, #7f2a7c 48.4%, #7a2672 51.6%, #742269 54.8%, #6f1e61 58.1%, #6a1b58 61.3%, #641850 64.5%, #5f1548 67.7%, #5a1240 71.0%, #540f38 74.2%, #4e0d30 77.4%, #470c28 80.6%, #410a21 83.9%, #3b091c 87.1%, #350917 90.3%, #300812 93.5%, #2c070f 96.8%, #29070d 100.0%);
background: linear-gradient(315deg in oklch, oklch(68.50% 0.1419 296.02) 0.0%, oklch(67.59% 0.1437 297.35) 3.2%, oklch(66.42% 0.1464 299.05) 6.5%, oklch(65.04% 0.1498 301.07) 9.7%, oklch(63.50% 0.1535 303.32) 12.9%, oklch(61.83% 0.1572 305.77) 16.1%, oklch(60.07% 0.1609 308.33) 19.4%, oklch(58.25% 0.1640 310.95) 22.6%, oklch(56.43% 0.1665 313.56) 25.8%, oklch(54.64% 0.1680 316.10) 29.0%, oklch(52.91% 0.1683 318.50) 32.3%, oklch(51.26% 0.1672 320.75) 35.5%, oklch(49.57% 0.1651 322.93) 38.7%, oklch(47.84% 0.1620 325.08) 41.9%, oklch(46.10% 0.1581 327.21) 45.2%, oklch(44.34% 0.1536 329.35) 48.4%, oklch(42.57% 0.1486 331.51) 51.6%, oklch(40.82% 0.1432 333.72) 54.8%, oklch(39.09% 0.1376 335.99) 58.1%, oklch(37.39% 0.1319 338.34) 61.3%, oklch(35.73% 0.1263 340.80) 64.5%, oklch(34.11% 0.1208 343.40) 67.7%, oklch(32.44% 0.1146 346.33) 71.0%, oklch(30.72% 0.1078 349.54) 74.2%, oklch(28.98% 0.1005 352.93) 77.4%, oklch(27.26% 0.0930 356.41) 80.6%, oklch(25.59% 0.0855 359.86) 83.9%, oklch(24.01% 0.0782 3.18) 87.1%, oklch(22.56% 0.0715 6.28) 90.3%, oklch(21.26% 0.0654 9.04) 93.5%, oklch(20.16% 0.0604 11.37) 96.8%, oklch(19.29% 0.0565 13.16) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.685 | 0.142 | 296 |
| 2 | 0.524 | 0.168 | 319.3 |
| 3 | 0.346 | 0.123 | 342.5 |
| 4 | 0.193 | 0.056 | 373.2 |

## In these collections

- [Plum noir](https://grabient.com/plum-noir)

## Other forms

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