# Blackberry Lilac Silk

Muted lavender and purple linear gradient with 32 colors: #ab8cce, #a386c6, #987cbb, #8a70ae, #7b63a0, #6c5591, #5e4983, #523e76, #49356c, #432f64, #412d60, #432f61, #4b3565, #573f6d, #664c77, #775b83, #8a6c90, #9c7d9e, #ae8eac, #bd9db8, #c9a9c3, #d2b2cb, #d8b8d1, #dbbdd6, #dec0db, #dec2de, #dec3e1, #ddc3e3, #dcc3e5, #dac3e7, #d9c4e9, #d9c4ea. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Muted lavender and purple linear gradient
- Seed: `kUsEjZLCA_WSSQ_sFL0A`
- Page: https://grabient.com/kUsEjZLCA_WSSQ_sFL0A?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: dark center, muted, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 7.4 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 | `#ab8cce` | `oklch(69.29% 0.0992 305.16)` | Middy’s Purple | black, 7.3 to 1 |
| 2 | `#a386c6` | `oklch(66.97% 0.0987 304.69)` | Lilac Purple | black, 6.7 to 1 |
| 3 | `#987cbb` | `oklch(63.57% 0.0982 303.88)` | Lavender Purple | black, 5.9 to 1 |
| 4 | `#8a70ae` | `oklch(59.40% 0.0976 302.84)` | Fairy Wren | black, 4.9 to 1 |
| 5 | `#7b63a0` | `oklch(54.77% 0.0970 301.70)` | Purple Paradise | white, 5 to 1 |
| 6 | `#6c5591` | `oklch(49.98% 0.0963 300.58)` | Pure Mauve | white, 6.2 to 1 |
| 7 | `#5e4983` | `oklch(45.35% 0.0953 299.59)` | Sumptuous Purple | white, 7.6 to 1 |
| 8 | `#523e76` | `oklch(41.19% 0.0942 298.87)` | Loden Purple | white, 9.1 to 1 |
| 9 | `#49356c` | `oklch(37.80% 0.0928 298.52)` | Petunia | white, 10.4 to 1 |
| 10 | `#432f64` | `oklch(35.49% 0.0910 298.68)` | Violet Indigo | white, 11.4 to 1 |
| 11 | `#412d60` | `oklch(34.59% 0.0890 299.45)` | Jakarta Skyline | white, 11.8 to 1 |
| 12 | `#432f61` | `oklch(35.36% 0.0864 301.06)` | Minsk | white, 11.5 to 1 |
| 13 | `#4b3565` | `oklch(37.75% 0.0830 303.74)` | Petunia | white, 10.4 to 1 |
| 14 | `#573f6d` | `oklch(41.46% 0.0791 307.26)` | Raw Amethyst | white, 8.9 to 1 |
| 15 | `#664c77` | `oklch(46.16% 0.0747 311.34)` | Clary | white, 7.3 to 1 |
| 16 | `#775b83` | `oklch(51.52% 0.0701 315.74)` | Mystical Purple | white, 5.8 to 1 |
| 17 | `#8a6c90` | `oklch(57.24% 0.0655 320.18)` | Beauty | black, 4.6 to 1 |
| 18 | `#9c7d9e` | `oklch(62.98% 0.0611 324.39)` | Divine | black, 5.8 to 1 |
| 19 | `#ae8eac` | `oklch(68.44% 0.0570 328.12)` | Fashionably Plum | black, 7.2 to 1 |
| 20 | `#bd9db8` | `oklch(73.28% 0.0536 331.10)` | Tuileries Tint | black, 8.6 to 1 |
| 21 | `#c9a9c3` | `oklch(77.20% 0.0509 333.07)` | Safflower Wisteria | black, 9.9 to 1 |
| 22 | `#d2b2cb` | `oklch(79.91% 0.0491 333.77)` | Pink Ivory | black, 10.9 to 1 |
| 23 | `#d8b8d1` | `oklch(81.83% 0.0483 333.22)` | Immortal Indigo | black, 11.7 to 1 |
| 24 | `#dbbdd6` | `oklch(83.19% 0.0482 331.65)` | Ooh la La | black, 12.2 to 1 |
| 25 | `#dec0db` | `oklch(84.10% 0.0487 329.29)` | Epiphany | black, 12.6 to 1 |
| 26 | `#dec2de` | `oklch(84.64% 0.0496 326.36)` | Epiphany | black, 12.8 to 1 |
| 27 | `#dec3e1` | `oklch(84.89% 0.0509 323.09)` | Epiphany | black, 12.9 to 1 |
| 28 | `#ddc3e3` | `oklch(84.95% 0.0522 319.69)` | Glittering Gemstone | black, 13 to 1 |
| 29 | `#dcc3e5` | `oklch(84.91% 0.0536 316.40)` | Glittering Gemstone | black, 13 to 1 |
| 30 | `#dac3e7` | `oklch(84.85% 0.0549 313.44)` | Glittering Gemstone | black, 12.9 to 1 |
| 31 | `#d9c4e9` | `oklch(84.86% 0.0559 311.02)` | Foggy Love | black, 12.9 to 1 |
| 32 | `#d9c4ea` | `oklch(85.04% 0.0565 309.38)` | Foggy Love | black, 13 to 1 |

## CSS

```css
background: linear-gradient(45deg, #ab8cce 0.0%, #a386c6 3.2%, #987cbb 6.5%, #8a70ae 9.7%, #7b63a0 12.9%, #6c5591 16.1%, #5e4983 19.4%, #523e76 22.6%, #49356c 25.8%, #432f64 29.0%, #412d60 32.3%, #432f61 35.5%, #4b3565 38.7%, #573f6d 41.9%, #664c77 45.2%, #775b83 48.4%, #8a6c90 51.6%, #9c7d9e 54.8%, #ae8eac 58.1%, #bd9db8 61.3%, #c9a9c3 64.5%, #d2b2cb 67.7%, #d8b8d1 71.0%, #dbbdd6 74.2%, #dec0db 77.4%, #dec2de 80.6%, #dec3e1 83.9%, #ddc3e3 87.1%, #dcc3e5 90.3%, #dac3e7 93.5%, #d9c4e9 96.8%, #d9c4ea 100.0%);
background: linear-gradient(45deg in oklch, oklch(69.29% 0.0992 305.16) 0.0%, oklch(66.97% 0.0987 304.69) 3.2%, oklch(63.57% 0.0982 303.88) 6.5%, oklch(59.40% 0.0976 302.84) 9.7%, oklch(54.77% 0.0970 301.70) 12.9%, oklch(49.98% 0.0963 300.58) 16.1%, oklch(45.35% 0.0953 299.59) 19.4%, oklch(41.19% 0.0942 298.87) 22.6%, oklch(37.80% 0.0928 298.52) 25.8%, oklch(35.49% 0.0910 298.68) 29.0%, oklch(34.59% 0.0890 299.45) 32.3%, oklch(35.36% 0.0864 301.06) 35.5%, oklch(37.75% 0.0830 303.74) 38.7%, oklch(41.46% 0.0791 307.26) 41.9%, oklch(46.16% 0.0747 311.34) 45.2%, oklch(51.52% 0.0701 315.74) 48.4%, oklch(57.24% 0.0655 320.18) 51.6%, oklch(62.98% 0.0611 324.39) 54.8%, oklch(68.44% 0.0570 328.12) 58.1%, oklch(73.28% 0.0536 331.10) 61.3%, oklch(77.20% 0.0509 333.07) 64.5%, oklch(79.91% 0.0491 333.77) 67.7%, oklch(81.83% 0.0483 333.22) 71.0%, oklch(83.19% 0.0482 331.65) 74.2%, oklch(84.10% 0.0487 329.29) 77.4%, oklch(84.64% 0.0496 326.36) 80.6%, oklch(84.89% 0.0509 323.09) 83.9%, oklch(84.95% 0.0522 319.69) 87.1%, oklch(84.91% 0.0536 316.40) 90.3%, oklch(84.85% 0.0549 313.44) 93.5%, oklch(84.86% 0.0559 311.02) 96.8%, oklch(85.04% 0.0565 309.38) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.693 | 0.099 | 305.2 |
| 2 | 0.346 | 0.088 | 299.9 |
| 3 | 0.791 | 0.05 | 333.7 |
| 4 | 0.85 | 0.056 | 309.4 |

## In these collections

- [Composition notebook doodles](https://grabient.com/composition-notebook-doodles)
- [Paper lantern dusk](https://grabient.com/paper-lantern-dusk)
- [Lavender](https://grabient.com/lavender)
- [Hydrangea ribbon boutonniere](https://grabient.com/hydrangea-ribbon-boutonniere)

## Other forms

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