# Plum lilac centered swatches

Maroon, black, gray and pink linear gradient with 32 colors: #833554, #7c3150, #722c49, #652540, #581e36, #4b172d, #3e1124, #340c1e, #2d0a19, #290a17, #290e19, #2f151f, #3a222b, #4a333c, #5e4851, #756168, #8d7b82, #a6959c, #beadb4, #d3c2c9, #e3d1d9, #edd9e1, #f1dae4, #f2d5e1, #efcddb, #e9c1d2, #e2b3c6, #daa4ba, #d296ae, #ca89a4, #c47e9b, #c07895. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Maroon, black, gray and pink linear gradient
- Seed: `kUcVL-G5E_3IIvzTo8Bg`
- Page: https://grabient.com/kUcVL-G5E_3IIvzTo8Bg?steps=32&angle=315
- Drawn as: linear gradient, 32 steps, 315 degrees
- Kinds: warm
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 13.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 | `#833554` | `oklch(44.49% 0.1130 357.19)` | Alfonso Olive | white, 8.1 to 1 |
| 2 | `#7c3150` | `oklch(42.80% 0.1090 357.15)` | Flirt | white, 8.6 to 1 |
| 3 | `#722c49` | `oklch(40.13% 0.1037 357.13)` | Palace Red | white, 9.6 to 1 |
| 4 | `#652540` | `oklch(36.81% 0.0973 357.12)` | Quills of Terico | white, 11 to 1 |
| 5 | `#581e36` | `oklch(33.13% 0.0902 357.10)` | Soul Anchor | white, 12.7 to 1 |
| 6 | `#4b172d` | `oklch(29.42% 0.0827 357.06)` | Chilli Black Red | white, 14.4 to 1 |
| 7 | `#3e1124` | `oklch(25.97% 0.0749 357.00)` | Chocolate Kiss | white, 16 to 1 |
| 8 | `#340c1e` | `oklch(23.09% 0.0674 356.90)` | Rhodophobia | white, 17.2 to 1 |
| 9 | `#2d0a19` | `oklch(21.11% 0.0602 356.75)` | Rhodophobia | white, 17.9 to 1 |
| 10 | `#290a17` | `oklch(20.31% 0.0538 356.53)` | Meški Black | white, 18.2 to 1 |
| 11 | `#290e19` | `oklch(21.03% 0.0484 356.25)` | Inside | white, 17.9 to 1 |
| 12 | `#2f151f` | `oklch(23.66% 0.0439 355.85)` | Black Cherry | white, 16.8 to 1 |
| 13 | `#3a222b` | `oklch(28.48% 0.0396 355.29)` | Temptress | white, 14.6 to 1 |
| 14 | `#4a333c` | `oklch(35.05% 0.0354 354.61)` | Red Onion | white, 11.4 to 1 |
| 15 | `#5e4851` | `oklch(42.85% 0.0314 353.84)` | Raisin | white, 8.3 to 1 |
| 16 | `#756168` | `oklch(51.39% 0.0279 353.04)` | Chimaera | white, 5.7 to 1 |
| 17 | `#8d7b82` | `oklch(60.17% 0.0250 352.23)` | Ganymede | black, 5.2 to 1 |
| 18 | `#a6959c` | `oklch(68.71% 0.0228 351.47)` | Lavender Lily | black, 7.4 to 1 |
| 19 | `#beadb4` | `oklch(76.48% 0.0215 350.81)` | Lavender Scent | black, 9.8 to 1 |
| 20 | `#d3c2c9` | `oklch(83.01% 0.0212 350.27)` | Bassinet | black, 12.3 to 1 |
| 21 | `#e3d1d9` | `oklch(87.79% 0.0221 349.91)` | Mauve Aquarelle | black, 14.4 to 1 |
| 22 | `#edd9e1` | `oklch(90.37% 0.0244 349.77)` | Rosa Bonito | black, 15.6 to 1 |
| 23 | `#f1dae4` | `oklch(91.00% 0.0288 349.85)` | Fancy Pants | black, 15.8 to 1 |
| 24 | `#f2d5e1` | `oklch(90.10% 0.0351 350.11)` | Pomodoro e Mozzarella | black, 15.4 to 1 |
| 25 | `#efcddb` | `oklch(87.99% 0.0428 350.52)` | Pale Pink | black, 14.3 to 1 |
| 26 | `#e9c1d2` | `oklch(84.98% 0.0515 351.03)` | Childlike | black, 12.9 to 1 |
| 27 | `#e2b3c6` | `oklch(81.39% 0.0607 351.61)` | Mental Floss | black, 11.4 to 1 |
| 28 | `#daa4ba` | `oklch(77.53% 0.0699 352.20)` | Pink Gin | black, 9.9 to 1 |
| 29 | `#d296ae` | `oklch(73.72% 0.0787 352.78)` | Exotic Lilac | black, 8.6 to 1 |
| 30 | `#ca89a4` | `oklch(70.28% 0.0866 353.31)` | Pinch Me | black, 7.6 to 1 |
| 31 | `#c47e9b` | `oklch(67.51% 0.0932 353.73)` | Wild Rose | black, 6.8 to 1 |
| 32 | `#c07895` | `oklch(65.75% 0.0978 354.02)` | Benifuji | black, 6.3 to 1 |

## CSS

```css
background: linear-gradient(315deg, #833554 0.0%, #7c3150 3.2%, #722c49 6.5%, #652540 9.7%, #581e36 12.9%, #4b172d 16.1%, #3e1124 19.4%, #340c1e 22.6%, #2d0a19 25.8%, #290a17 29.0%, #290e19 32.3%, #2f151f 35.5%, #3a222b 38.7%, #4a333c 41.9%, #5e4851 45.2%, #756168 48.4%, #8d7b82 51.6%, #a6959c 54.8%, #beadb4 58.1%, #d3c2c9 61.3%, #e3d1d9 64.5%, #edd9e1 67.7%, #f1dae4 71.0%, #f2d5e1 74.2%, #efcddb 77.4%, #e9c1d2 80.6%, #e2b3c6 83.9%, #daa4ba 87.1%, #d296ae 90.3%, #ca89a4 93.5%, #c47e9b 96.8%, #c07895 100.0%);
background: linear-gradient(315deg in oklch, oklch(44.49% 0.1130 357.19) 0.0%, oklch(42.80% 0.1090 357.15) 3.2%, oklch(40.13% 0.1037 357.13) 6.5%, oklch(36.81% 0.0973 357.12) 9.7%, oklch(33.13% 0.0902 357.10) 12.9%, oklch(29.42% 0.0827 357.06) 16.1%, oklch(25.97% 0.0749 357.00) 19.4%, oklch(23.09% 0.0674 356.90) 22.6%, oklch(21.11% 0.0602 356.75) 25.8%, oklch(20.31% 0.0538 356.53) 29.0%, oklch(21.03% 0.0484 356.25) 32.3%, oklch(23.66% 0.0439 355.85) 35.5%, oklch(28.48% 0.0396 355.29) 38.7%, oklch(35.05% 0.0354 354.61) 41.9%, oklch(42.85% 0.0314 353.84) 45.2%, oklch(51.39% 0.0279 353.04) 48.4%, oklch(60.17% 0.0250 352.23) 51.6%, oklch(68.71% 0.0228 351.47) 54.8%, oklch(76.48% 0.0215 350.81) 58.1%, oklch(83.01% 0.0212 350.27) 61.3%, oklch(87.79% 0.0221 349.91) 64.5%, oklch(90.37% 0.0244 349.77) 67.7%, oklch(91.00% 0.0288 349.85) 71.0%, oklch(90.10% 0.0351 350.11) 74.2%, oklch(87.99% 0.0428 350.52) 77.4%, oklch(84.98% 0.0515 351.03) 80.6%, oklch(81.39% 0.0607 351.61) 83.9%, oklch(77.53% 0.0699 352.20) 87.1%, oklch(73.72% 0.0787 352.78) 90.3%, oklch(70.28% 0.0866 353.31) 93.5%, oklch(67.51% 0.0932 353.73) 96.8%, oklch(65.75% 0.0978 354.02) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.445 | 0.113 | 357.2 |
| 2 | 0.217 | 0.047 | 356.1 |
| 3 | 0.898 | 0.023 | 349.8 |
| 4 | 0.657 | 0.098 | 354 |

## In these collections

- [Monochrome purple gradients](https://grabient.com/monochrome-purple-gradients)

## Other forms

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