# Monochrome gray, purple and black linear gradient

Monochrome gray, purple and black linear gradient with 32 colors: #d0bfce, #ccbbca, #c8b6c6, #c3b0c1, #bdaabb, #b7a3b4, #b09bae, #aa94a7, #a38da0, #9c869a, #967f94, #90798e, #8a7388, #846d83, #7e677d, #786177, #725b72, #6c566c, #665067, #5f4b61, #5a465c, #544157, #4d3c52, #47374c, #403246, #3a2d40, #34283b, #2e2435, #292030, #241c2c, #211a28, #1e1726. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kU0RTqTo8_7QQPwcCr3g`
- Page: https://grabient.com/kU0RTqTo8_7QQPwcCr3g?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: light to dark, muted, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 9.9 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 | `#d0bfce` | `oklch(82.28% 0.0276 329.06)` | Amethyst Light Violet | black, 12 to 1 |
| 2 | `#ccbbca` | `oklch(81.11% 0.0284 329.09)` | Antique Heather | black, 11.5 to 1 |
| 3 | `#c8b6c6` | `oklch(79.62% 0.0295 329.17)` | Ballad | black, 10.9 to 1 |
| 4 | `#c3b0c1` | `oklch(77.85% 0.0309 329.28)` | Really Romantic | black, 10.3 to 1 |
| 5 | `#bdaabb` | `oklch(75.87% 0.0324 329.40)` | Lavender Frost | black, 9.6 to 1 |
| 6 | `#b7a3b4` | `oklch(73.72% 0.0340 329.51)` | Parlour Rose | black, 8.8 to 1 |
| 7 | `#b09bae` | `oklch(71.47% 0.0356 329.59)` | Veiled Violet | black, 8.1 to 1 |
| 8 | `#aa94a7` | `oklch(69.17% 0.0372 329.61)` | Grape Soda | black, 7.4 to 1 |
| 9 | `#a38da0` | `oklch(66.86% 0.0387 329.56)` | Vesuvian Violet | black, 6.8 to 1 |
| 10 | `#9c869a` | `oklch(64.62% 0.0400 329.42)` | Berry Bright | black, 6.2 to 1 |
| 11 | `#967f94` | `oklch(62.49% 0.0411 329.17)` | Amorous | black, 5.7 to 1 |
| 12 | `#90798e` | `oklch(60.47% 0.0419 328.81)` | Muted Berry | black, 5.3 to 1 |
| 13 | `#8a7388` | `oklch(58.45% 0.0426 328.39)` | Faded Orchid | black, 4.8 to 1 |
| 14 | `#846d83` | `oklch(56.41% 0.0433 327.91)` | Purple Grey | white, 4.6 to 1 |
| 15 | `#7e677d` | `oklch(54.36% 0.0439 327.37)` | Grape Jelly | white, 5 to 1 |
| 16 | `#786177` | `oklch(52.30% 0.0443 326.76)` | Montana Grape | white, 5.5 to 1 |
| 17 | `#725b72` | `oklch(50.26% 0.0447 326.07)` | Banished Brown | white, 6 to 1 |
| 18 | `#6c566c` | `oklch(48.22% 0.0449 325.29)` | Dark Purple Grey | white, 6.6 to 1 |
| 19 | `#665067` | `oklch(46.20% 0.0449 324.43)` | Vicarious Violet | white, 7.2 to 1 |
| 20 | `#5f4b61` | `oklch(44.20% 0.0448 323.48)` | Vivid Vision | white, 7.8 to 1 |
| 21 | `#5a465c` | `oklch(42.24% 0.0444 322.43)` | Soul Train | white, 8.5 to 1 |
| 22 | `#544157` | `oklch(40.30% 0.0439 321.25)` | Purple Bloom | white, 9.2 to 1 |
| 23 | `#4d3c52` | `oklch(38.27% 0.0429 319.83)` | Sweet Grape | white, 10 to 1 |
| 24 | `#47374c` | `oklch(36.17% 0.0416 318.16)` | Purple Verbena | white, 10.9 to 1 |
| 25 | `#403246` | `oklch(34.04% 0.0400 316.32)` | Royal Decree | white, 11.9 to 1 |
| 26 | `#3a2d40` | `oklch(31.92% 0.0382 314.38)` | Obsidian Lava Black | white, 12.9 to 1 |
| 27 | `#34283b` | `oklch(29.85% 0.0364 312.42)` | Spinel Violet | white, 13.8 to 1 |
| 28 | `#2e2435` | `oklch(27.90% 0.0345 310.51)` | Anubis Black | white, 14.8 to 1 |
| 29 | `#292030` | `oklch(26.09% 0.0328 308.71)` | Bleached Cedar | white, 15.6 to 1 |
| 30 | `#241c2c` | `oklch(24.49% 0.0312 307.11)` | Black Howl | white, 16.3 to 1 |
| 31 | `#211a28` | `oklch(23.12% 0.0299 305.77)` | Night Demons | white, 16.9 to 1 |
| 32 | `#1e1726` | `oklch(22.05% 0.0289 304.76)` | Sambucus | white, 17.4 to 1 |

## CSS

```css
background: linear-gradient(180deg, #d0bfce 0.0%, #ccbbca 3.2%, #c8b6c6 6.5%, #c3b0c1 9.7%, #bdaabb 12.9%, #b7a3b4 16.1%, #b09bae 19.4%, #aa94a7 22.6%, #a38da0 25.8%, #9c869a 29.0%, #967f94 32.3%, #90798e 35.5%, #8a7388 38.7%, #846d83 41.9%, #7e677d 45.2%, #786177 48.4%, #725b72 51.6%, #6c566c 54.8%, #665067 58.1%, #5f4b61 61.3%, #5a465c 64.5%, #544157 67.7%, #4d3c52 71.0%, #47374c 74.2%, #403246 77.4%, #3a2d40 80.6%, #34283b 83.9%, #2e2435 87.1%, #292030 90.3%, #241c2c 93.5%, #211a28 96.8%, #1e1726 100.0%);
background: linear-gradient(180deg in oklch, oklch(82.28% 0.0276 329.06) 0.0%, oklch(81.11% 0.0284 329.09) 3.2%, oklch(79.62% 0.0295 329.17) 6.5%, oklch(77.85% 0.0309 329.28) 9.7%, oklch(75.87% 0.0324 329.40) 12.9%, oklch(73.72% 0.0340 329.51) 16.1%, oklch(71.47% 0.0356 329.59) 19.4%, oklch(69.17% 0.0372 329.61) 22.6%, oklch(66.86% 0.0387 329.56) 25.8%, oklch(64.62% 0.0400 329.42) 29.0%, oklch(62.49% 0.0411 329.17) 32.3%, oklch(60.47% 0.0419 328.81) 35.5%, oklch(58.45% 0.0426 328.39) 38.7%, oklch(56.41% 0.0433 327.91) 41.9%, oklch(54.36% 0.0439 327.37) 45.2%, oklch(52.30% 0.0443 326.76) 48.4%, oklch(50.26% 0.0447 326.07) 51.6%, oklch(48.22% 0.0449 325.29) 54.8%, oklch(46.20% 0.0449 324.43) 58.1%, oklch(44.20% 0.0448 323.48) 61.3%, oklch(42.24% 0.0444 322.43) 64.5%, oklch(40.30% 0.0439 321.25) 67.7%, oklch(38.27% 0.0429 319.83) 71.0%, oklch(36.17% 0.0416 318.16) 74.2%, oklch(34.04% 0.0400 316.32) 77.4%, oklch(31.92% 0.0382 314.38) 80.6%, oklch(29.85% 0.0364 312.42) 83.9%, oklch(27.90% 0.0345 310.51) 87.1%, oklch(26.09% 0.0328 308.71) 90.3%, oklch(24.49% 0.0312 307.11) 93.5%, oklch(23.12% 0.0299 305.77) 96.8%, oklch(22.05% 0.0289 304.76) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.823 | 0.028 | 329.1 |
| 2 | 0.618 | 0.041 | 329.1 |
| 3 | 0.409 | 0.044 | 321.7 |
| 4 | 0.22 | 0.029 | 304.8 |

## In these collections

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

## Other forms

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