# Monochrome purple to gray linear gradient

Monochrome purple to gray linear gradient with 32 colors: #6f3e6b, #71426e, #744672, #774c77, #7b527c, #7f5981, #835f86, #87668b, #8b6d8f, #8e7394, #917b99, #95829e, #9889a2, #9d90a5, #a297a9, #a89eac, #aea4ae, #b4aab1, #bab0b3, #bfb7b7, #c3bdbc, #c7c4c1, #ccc9c7, #d0cfcc, #d5d4d1, #dbd9d4, #e1ded7, #e8e3da, #eee7dc, #f5eade, #fbede0, #ffefe2. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWcETqyJe_FuHv7tAc7-gk8w`
- Page: https://grabient.com/kWcETqyJe_FuHv7tAc7-gk8w?steps=32&angle=0
- Drawn as: linear gradient, 32 steps, 0 degrees
- Kinds: dark to light, pastel
- Hues: analogous
- Contrast of its darkest and lightest colors: 7.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 | `#6f3e6b` | `oklch(44.09% 0.0937 329.77)` | Burnt Orchid | white, 8.1 to 1 |
| 2 | `#71426e` | `oklch(45.12% 0.0915 329.13)` | Sunset Purple | white, 7.7 to 1 |
| 3 | `#744672` | `oklch(46.48% 0.0887 328.25)` | Sunset Purple | white, 7.3 to 1 |
| 4 | `#774c77` | `oklch(48.09% 0.0853 327.20)` | Cabbage Blossom Violet | white, 6.8 to 1 |
| 5 | `#7b527c` | `oklch(49.89% 0.0815 326.05)` | Birthstone | white, 6.2 to 1 |
| 6 | `#7f5981` | `oklch(51.80% 0.0773 324.90)` | Muted Purple | white, 5.7 to 1 |
| 7 | `#835f86` | `oklch(53.76% 0.0729 323.83)` | Dusty Purple | white, 5.2 to 1 |
| 8 | `#87668b` | `oklch(55.70% 0.0683 322.91)` | Sunshone Plum | white, 4.8 to 1 |
| 9 | `#8b6d8f` | `oklch(57.54% 0.0636 322.16)` | Mauveine | black, 4.6 to 1 |
| 10 | `#8e7394` | `oklch(59.40% 0.0582 320.32)` | Felicia | black, 5 to 1 |
| 11 | `#917b99` | `oklch(61.32% 0.0522 317.51)` | Violet Persuasion | black, 5.4 to 1 |
| 12 | `#95829e` | `oklch(63.28% 0.0459 314.53)` | Mixed Berries | black, 5.9 to 1 |
| 13 | `#9889a2` | `oklch(65.26% 0.0396 312.16)` | Amethyst Grey Violet | black, 6.4 to 1 |
| 14 | `#9d90a5` | `oklch(67.24% 0.0334 311.21)` | Ancestry Violet | black, 6.9 to 1 |
| 15 | `#a297a9` | `oklch(69.20% 0.0277 312.47)` | Lavender Aura | black, 7.5 to 1 |
| 16 | `#a89eac` | `oklch(71.11% 0.0228 316.74)` | Goose Wing Grey | black, 8.1 to 1 |
| 17 | `#aea4ae` | `oklch(72.98% 0.0188 325.10)` | Beguiling Mauve | black, 8.7 to 1 |
| 18 | `#b4aab1` | `oklch(74.84% 0.0152 339.00)` | Pinch Purple | black, 9.3 to 1 |
| 19 | `#bab0b3` | `oklch(76.70% 0.0120 357.02)` | Antique Mauve | black, 9.9 to 1 |
| 20 | `#bfb7b7` | `oklch(78.55% 0.0092 17.34)` | Fashionable Grey | black, 10.6 to 1 |
| 21 | `#c3bdbc` | `oklch(80.36% 0.0070 38.14)` | Hush | black, 11.3 to 1 |
| 22 | `#c7c4c1` | `oklch(82.12% 0.0054 57.60)` | Apollo | black, 12 to 1 |
| 23 | `#ccc9c7` | `oklch(83.82% 0.0044 73.90)` | Serious Grey | black, 12.7 to 1 |
| 24 | `#d0cfcc` | `oklch(85.44% 0.0041 85.22)` | Elusion | black, 13.4 to 1 |
| 25 | `#d5d4d1` | `oklch(87.00% 0.0048 90.45)` | Light Bleaches | black, 14.1 to 1 |
| 26 | `#dbd9d4` | `oklch(88.58% 0.0067 90.95)` | First Star | black, 14.9 to 1 |
| 27 | `#e1ded7` | `oklch(90.14% 0.0096 87.93)` | Eider White | black, 15.6 to 1 |
| 28 | `#e8e3da` | `oklch(91.63% 0.0130 82.56)` | Built on Sand | black, 16.3 to 1 |
| 29 | `#eee7dc` | `oklch(93.01% 0.0166 75.99)` | White Linen | black, 17 to 1 |
| 30 | `#f5eade` | `oklch(94.24% 0.0200 69.37)` | Baseball Base | black, 17.6 to 1 |
| 31 | `#fbede0` | `oklch(95.27% 0.0229 63.87)` | Fine White | black, 18.2 to 1 |
| 32 | `#ffefe2` | `oklch(96.06% 0.0246 60.67)` | Rice Pudding | black, 18.6 to 1 |

## CSS

```css
background: linear-gradient(0deg, #6f3e6b 0.0%, #71426e 3.2%, #744672 6.5%, #774c77 9.7%, #7b527c 12.9%, #7f5981 16.1%, #835f86 19.4%, #87668b 22.6%, #8b6d8f 25.8%, #8e7394 29.0%, #917b99 32.3%, #95829e 35.5%, #9889a2 38.7%, #9d90a5 41.9%, #a297a9 45.2%, #a89eac 48.4%, #aea4ae 51.6%, #b4aab1 54.8%, #bab0b3 58.1%, #bfb7b7 61.3%, #c3bdbc 64.5%, #c7c4c1 67.7%, #ccc9c7 71.0%, #d0cfcc 74.2%, #d5d4d1 77.4%, #dbd9d4 80.6%, #e1ded7 83.9%, #e8e3da 87.1%, #eee7dc 90.3%, #f5eade 93.5%, #fbede0 96.8%, #ffefe2 100.0%);
background: linear-gradient(0deg in oklch, oklch(44.09% 0.0937 329.77) 0.0%, oklch(45.12% 0.0915 329.13) 3.2%, oklch(46.48% 0.0887 328.25) 6.5%, oklch(48.09% 0.0853 327.20) 9.7%, oklch(49.89% 0.0815 326.05) 12.9%, oklch(51.80% 0.0773 324.90) 16.1%, oklch(53.76% 0.0729 323.83) 19.4%, oklch(55.70% 0.0683 322.91) 22.6%, oklch(57.54% 0.0636 322.16) 25.8%, oklch(59.40% 0.0582 320.32) 29.0%, oklch(61.32% 0.0522 317.51) 32.3%, oklch(63.28% 0.0459 314.53) 35.5%, oklch(65.26% 0.0396 312.16) 38.7%, oklch(67.24% 0.0334 311.21) 41.9%, oklch(69.20% 0.0277 312.47) 45.2%, oklch(71.11% 0.0228 316.74) 48.4%, oklch(72.98% 0.0188 325.10) 51.6%, oklch(74.84% 0.0152 339.00) 54.8%, oklch(76.70% 0.0120 357.02) 58.1%, oklch(78.55% 0.0092 17.34) 61.3%, oklch(80.36% 0.0070 38.14) 64.5%, oklch(82.12% 0.0054 57.60) 67.7%, oklch(83.82% 0.0044 73.90) 71.0%, oklch(85.44% 0.0041 85.22) 74.2%, oklch(87.00% 0.0048 90.45) 77.4%, oklch(88.58% 0.0067 90.95) 80.6%, oklch(90.14% 0.0096 87.93) 83.9%, oklch(91.63% 0.0130 82.56) 87.1%, oklch(93.01% 0.0166 75.99) 90.3%, oklch(94.24% 0.0200 69.37) 93.5%, oklch(95.27% 0.0229 63.87) 96.8%, oklch(96.06% 0.0246 60.67) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.441 | 0.094 | 329.8 |
| 2 | 0.571 | 0.065 | 322.4 |
| 3 | 0.72 | 0.021 | 320.3 |
| 4 | 0.858 | 0.004 | 447.1 |
| 5 | 0.961 | 0.025 | 420.6 |

## In these collections

- [Soft neutral gradients](https://grabient.com/soft-neutral-gradients)
- [Muted gradients](https://grabient.com/muted-gradients)

## Other forms

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