# Monochrome gray to purple linear gradient

Monochrome gray to purple linear gradient with 32 colors: #72806d, #767e6a, #7a7c68, #7f7967, #827769, #83746c, #83736f, #837271, #847174, #867076, #886e78, #8c6d7a, #8f6b7c, #936a7f, #976881, #9a6784, #9c6787, #9f678a, #a2678d, #a56790, #a86793, #ab6895, #ae6898, #b1699b, #b46a9e, #b86ba1, #bb6ca4, #be6ea8, #c26fab, #c570ae, #c771b0, #c972b2. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWlBhhyAiw8mcvNOqT91TE_o`
- Page: https://grabient.com/kWlBhhyAiw8mcvNOqT91TE_o?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: even lightness, muted, warm, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 1.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 | `#72806d` | `oklch(58.27% 0.0331 137.11)` | Hibiscus Leaf | black, 5 to 1 |
| 2 | `#767e6a` | `oklch(58.12% 0.0318 126.23)` | Greenland | black, 4.9 to 1 |
| 3 | `#7a7c68` | `oklch(57.91% 0.0297 110.91)` | Dried Chive | black, 4.9 to 1 |
| 4 | `#7f7967` | `oklch(57.65% 0.0271 92.63)` | Centre Ridge | black, 4.8 to 1 |
| 5 | `#827769` | `oklch(57.37% 0.0245 72.85)` | Brindle | black, 4.7 to 1 |
| 6 | `#83746c` | `oklch(57.11% 0.0225 53.03)` | Clayton | black, 4.6 to 1 |
| 7 | `#83736f` | `oklch(56.89% 0.0214 34.64)` | Bradford Brown | black, 4.6 to 1 |
| 8 | `#837271` | `oklch(56.74% 0.0218 19.14)` | Roaming Pony | black, 4.6 to 1 |
| 9 | `#847174` | `oklch(56.69% 0.0242 7.92)` | Roaming Pony | black, 4.5 to 1 |
| 10 | `#867076` | `oklch(56.70% 0.0289 0.10)` | Pomace Red | white, 4.5 to 1 |
| 11 | `#886e78` | `oklch(56.75% 0.0353 354.63)` | Innocent Pink | white, 4.5 to 1 |
| 12 | `#8c6d7a` | `oklch(56.85% 0.0430 350.99)` | Blunt Violet | white, 4.5 to 1 |
| 13 | `#8f6b7c` | `oklch(57.00% 0.0514 348.69)` | Blunt Violet | white, 4.5 to 1 |
| 14 | `#936a7f` | `oklch(57.19% 0.0600 347.22)` | Strikemaster | black, 4.5 to 1 |
| 15 | `#976881` | `oklch(57.43% 0.0682 346.08)` | Arcane | black, 4.6 to 1 |
| 16 | `#9a6784` | `oklch(57.71% 0.0754 344.76)` | Rust Magenta | black, 4.6 to 1 |
| 17 | `#9c6787` | `oklch(58.05% 0.0814 342.98)` | Garden Aroma | black, 4.7 to 1 |
| 18 | `#9f678a` | `oklch(58.44% 0.0867 341.63)` | Berry Pretty | black, 4.7 to 1 |
| 19 | `#a2678d` | `oklch(58.90% 0.0916 340.80)` | Berry Pretty | black, 4.8 to 1 |
| 20 | `#a56790` | `oklch(59.40% 0.0962 340.35)` | Mauve Memento | black, 4.9 to 1 |
| 21 | `#a86793` | `oklch(59.94% 0.1005 340.14)` | Mauve Memento | black, 5 to 1 |
| 22 | `#ab6895` | `oklch(60.50% 0.1045 340.06)` | Violetta | black, 5.1 to 1 |
| 23 | `#ae6898` | `oklch(61.08% 0.1084 339.97)` | Violetta | black, 5.2 to 1 |
| 24 | `#b1699b` | `oklch(61.66% 0.1121 339.75)` | Victorian Valentine | black, 5.3 to 1 |
| 25 | `#b46a9e` | `oklch(62.28% 0.1157 339.36)` | Pink Parade | black, 5.4 to 1 |
| 26 | `#b86ba1` | `oklch(62.99% 0.1192 338.99)` | Pearly Purple | black, 5.6 to 1 |
| 27 | `#bb6ca4` | `oklch(63.75% 0.1226 338.66)` | Pearly Purple | black, 5.8 to 1 |
| 28 | `#be6ea8` | `oklch(64.52% 0.1258 338.37)` | Crocus | black, 5.9 to 1 |
| 29 | `#c26fab` | `oklch(65.27% 0.1287 338.11)` | Crocus | black, 6.1 to 1 |
| 30 | `#c570ae` | `oklch(65.94% 0.1312 337.88)` | Sugar Creek | black, 6.3 to 1 |
| 31 | `#c771b0` | `oklch(66.51% 0.1334 337.69)` | Sugar Creek | black, 6.4 to 1 |
| 32 | `#c972b2` | `oklch(66.93% 0.1350 337.54)` | Sky Magenta | black, 6.5 to 1 |

## CSS

```css
background: linear-gradient(90deg, #72806d 0.0%, #767e6a 3.2%, #7a7c68 6.5%, #7f7967 9.7%, #827769 12.9%, #83746c 16.1%, #83736f 19.4%, #837271 22.6%, #847174 25.8%, #867076 29.0%, #886e78 32.3%, #8c6d7a 35.5%, #8f6b7c 38.7%, #936a7f 41.9%, #976881 45.2%, #9a6784 48.4%, #9c6787 51.6%, #9f678a 54.8%, #a2678d 58.1%, #a56790 61.3%, #a86793 64.5%, #ab6895 67.7%, #ae6898 71.0%, #b1699b 74.2%, #b46a9e 77.4%, #b86ba1 80.6%, #bb6ca4 83.9%, #be6ea8 87.1%, #c26fab 90.3%, #c570ae 93.5%, #c771b0 96.8%, #c972b2 100.0%);
background: linear-gradient(90deg in oklch, oklch(58.27% 0.0331 137.11) 0.0%, oklch(58.12% 0.0318 126.23) 3.2%, oklch(57.91% 0.0297 110.91) 6.5%, oklch(57.65% 0.0271 92.63) 9.7%, oklch(57.37% 0.0245 72.85) 12.9%, oklch(57.11% 0.0225 53.03) 16.1%, oklch(56.89% 0.0214 34.64) 19.4%, oklch(56.74% 0.0218 19.14) 22.6%, oklch(56.69% 0.0242 7.92) 25.8%, oklch(56.70% 0.0289 0.10) 29.0%, oklch(56.75% 0.0353 354.63) 32.3%, oklch(56.85% 0.0430 350.99) 35.5%, oklch(57.00% 0.0514 348.69) 38.7%, oklch(57.19% 0.0600 347.22) 41.9%, oklch(57.43% 0.0682 346.08) 45.2%, oklch(57.71% 0.0754 344.76) 48.4%, oklch(58.05% 0.0814 342.98) 51.6%, oklch(58.44% 0.0867 341.63) 54.8%, oklch(58.90% 0.0916 340.80) 58.1%, oklch(59.40% 0.0962 340.35) 61.3%, oklch(59.94% 0.1005 340.14) 64.5%, oklch(60.50% 0.1045 340.06) 67.7%, oklch(61.08% 0.1084 339.97) 71.0%, oklch(61.66% 0.1121 339.75) 74.2%, oklch(62.28% 0.1157 339.36) 77.4%, oklch(62.99% 0.1192 338.99) 80.6%, oklch(63.75% 0.1226 338.66) 83.9%, oklch(64.52% 0.1258 338.37) 87.1%, oklch(65.27% 0.1287 338.11) 90.3%, oklch(65.94% 0.1312 337.88) 93.5%, oklch(66.51% 0.1334 337.69) 96.8%, oklch(66.93% 0.1350 337.54) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.583 | 0.033 | 137.1 |
| 2 | 0.567 | 0.023 | 10.3 |
| 3 | 0.579 | 0.079 | -16.1 |
| 4 | 0.618 | 0.113 | -20.3 |
| 5 | 0.669 | 0.135 | -22.5 |

## In these collections

- [Weathered garden gradients](https://grabient.com/weathered-garden-gradients)
- [Soft multicolor gradients](https://grabient.com/soft-multicolor-gradients)
- [Desktop wallpaper gradients](https://grabient.com/desktop-wallpaper-gradients)

## Other forms

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