# Muted dark purple to lavender linear gradient

Muted dark purple to lavender linear gradient with 32 colors: #3c334e, #3f3551, #433955, #483c5a, #4d415f, #534565, #594a6b, #5f5071, #665578, #6c5b7e, #736084, #79668a, #7f6c90, #857296, #8c789c, #927fa2, #9986a8, #a08cae, #a693b4, #ac99ba, #b3a0bf, #b8a6c4, #beacc9, #c4b2ce, #cab9d2, #d0bfd6, #d5c5db, #dacbde, #dfd0e2, #e3d5e5, #e6d9e8, #e9dcea. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUVyPVQxXA96RwHziMEg`
- Page: https://grabient.com/kUVyPVQxXA96RwHziMEg?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: dark to light, muted, monochrome
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 8.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 | `#3c334e` | `oklch(34.25% 0.0482 299.53)` | Caddies Silk | white, 11.8 to 1 |
| 2 | `#3f3551` | `oklch(35.30% 0.0490 300.03)` | Maharaja | white, 11.3 to 1 |
| 3 | `#433955` | `oklch(36.62% 0.0500 300.70)` | Purple Plumeria | white, 10.7 to 1 |
| 4 | `#483c5a` | `oklch(38.18% 0.0513 301.49)` | Purple Velvet | white, 10.1 to 1 |
| 5 | `#4d415f` | `oklch(39.92% 0.0527 302.38)` | Royal Indigo | white, 9.4 to 1 |
| 6 | `#534565` | `oklch(41.82% 0.0542 303.33)` | Nightly Walk | white, 8.7 to 1 |
| 7 | `#594a6b` | `oklch(43.83% 0.0556 304.31)` | Proper Purple | white, 8 to 1 |
| 8 | `#5f5071` | `oklch(45.90% 0.0569 305.27)` | Futaai Indigo | white, 7.3 to 1 |
| 9 | `#665578` | `oklch(48.00% 0.0580 306.20)` | Regal Gown | white, 6.6 to 1 |
| 10 | `#6c5b7e` | `oklch(50.08% 0.0588 307.04)` | Napa Winery | white, 6.1 to 1 |
| 11 | `#736084` | `oklch(52.10% 0.0592 307.77)` | Grape Compote | white, 5.6 to 1 |
| 12 | `#79668a` | `oklch(54.07% 0.0592 308.36)` | Amethyst Gem | white, 5.1 to 1 |
| 13 | `#7f6c90` | `oklch(56.13% 0.0589 308.84)` | Nymph’s Delight | white, 4.7 to 1 |
| 14 | `#857296` | `oklch(58.25% 0.0583 309.22)` | Baroness Mauve | black, 4.8 to 1 |
| 15 | `#8c789c` | `oklch(60.41% 0.0575 309.54)` | Black Diamond Apple | black, 5.2 to 1 |
| 16 | `#927fa2` | `oklch(62.61% 0.0565 309.83)` | Violet Chalk | black, 5.7 to 1 |
| 17 | `#9986a8` | `oklch(64.80% 0.0554 310.11)` | Rhapsody | black, 6.3 to 1 |
| 18 | `#a08cae` | `oklch(66.98% 0.0541 310.42)` | Saffron Blossom Mauve | black, 6.8 to 1 |
| 19 | `#a693b4` | `oklch(69.11% 0.0526 310.78)` | Gleeful Joy | black, 7.4 to 1 |
| 20 | `#ac99ba` | `oklch(71.17% 0.0510 311.22)` | Purple Springs | black, 8 to 1 |
| 21 | `#b3a0bf` | `oklch(73.15% 0.0494 311.77)` | Calming Silver Lavender | black, 8.6 to 1 |
| 22 | `#b8a6c4` | `oklch(75.03% 0.0476 312.46)` | Pixieland | black, 9.2 to 1 |
| 23 | `#beacc9` | `oklch(76.91% 0.0455 313.34)` | Fancy Pansy | black, 9.9 to 1 |
| 24 | `#c4b2ce` | `oklch(78.82% 0.0431 314.38)` | Frosted Orchid | black, 10.6 to 1 |
| 25 | `#cab9d2` | `oklch(80.71% 0.0404 315.52)` | Liberace | black, 11.3 to 1 |
| 26 | `#d0bfd6` | `oklch(82.55% 0.0375 316.74)` | Cosmetic Mauve | black, 12 to 1 |
| 27 | `#d5c5db` | `oklch(84.32% 0.0347 317.96)` | On Location | black, 12.8 to 1 |
| 28 | `#dacbde` | `oklch(85.98% 0.0319 319.17)` | Violet Mist | black, 13.5 to 1 |
| 29 | `#dfd0e2` | `oklch(87.51% 0.0292 320.29)` | Ametrine Quartz | black, 14.2 to 1 |
| 30 | `#e3d5e5` | `oklch(88.86% 0.0269 321.30)` | Joyful Lilac | black, 14.8 to 1 |
| 31 | `#e6d9e8` | `oklch(90.02% 0.0249 322.15)` | Awakened | black, 15.4 to 1 |
| 32 | `#e9dcea` | `oklch(90.94% 0.0234 322.78)` | Sprinkle | black, 15.9 to 1 |

## CSS

```css
background: linear-gradient(90deg, #3c334e 0.0%, #3f3551 3.2%, #433955 6.5%, #483c5a 9.7%, #4d415f 12.9%, #534565 16.1%, #594a6b 19.4%, #5f5071 22.6%, #665578 25.8%, #6c5b7e 29.0%, #736084 32.3%, #79668a 35.5%, #7f6c90 38.7%, #857296 41.9%, #8c789c 45.2%, #927fa2 48.4%, #9986a8 51.6%, #a08cae 54.8%, #a693b4 58.1%, #ac99ba 61.3%, #b3a0bf 64.5%, #b8a6c4 67.7%, #beacc9 71.0%, #c4b2ce 74.2%, #cab9d2 77.4%, #d0bfd6 80.6%, #d5c5db 83.9%, #dacbde 87.1%, #dfd0e2 90.3%, #e3d5e5 93.5%, #e6d9e8 96.8%, #e9dcea 100.0%);
background: linear-gradient(90deg in oklch, oklch(34.25% 0.0482 299.53) 0.0%, oklch(35.30% 0.0490 300.03) 3.2%, oklch(36.62% 0.0500 300.70) 6.5%, oklch(38.18% 0.0513 301.49) 9.7%, oklch(39.92% 0.0527 302.38) 12.9%, oklch(41.82% 0.0542 303.33) 16.1%, oklch(43.83% 0.0556 304.31) 19.4%, oklch(45.90% 0.0569 305.27) 22.6%, oklch(48.00% 0.0580 306.20) 25.8%, oklch(50.08% 0.0588 307.04) 29.0%, oklch(52.10% 0.0592 307.77) 32.3%, oklch(54.07% 0.0592 308.36) 35.5%, oklch(56.13% 0.0589 308.84) 38.7%, oklch(58.25% 0.0583 309.22) 41.9%, oklch(60.41% 0.0575 309.54) 45.2%, oklch(62.61% 0.0565 309.83) 48.4%, oklch(64.80% 0.0554 310.11) 51.6%, oklch(66.98% 0.0541 310.42) 54.8%, oklch(69.11% 0.0526 310.78) 58.1%, oklch(71.17% 0.0510 311.22) 61.3%, oklch(73.15% 0.0494 311.77) 64.5%, oklch(75.03% 0.0476 312.46) 67.7%, oklch(76.91% 0.0455 313.34) 71.0%, oklch(78.82% 0.0431 314.38) 74.2%, oklch(80.71% 0.0404 315.52) 77.4%, oklch(82.55% 0.0375 316.74) 80.6%, oklch(84.32% 0.0347 317.96) 83.9%, oklch(85.98% 0.0319 319.17) 87.1%, oklch(87.51% 0.0292 320.29) 90.3%, oklch(88.86% 0.0269 321.30) 93.5%, oklch(90.02% 0.0249 322.15) 96.8%, oklch(90.94% 0.0234 322.78) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.343 | 0.048 | 299.5 |
| 2 | 0.528 | 0.059 | 308 |
| 3 | 0.744 | 0.048 | 312.2 |
| 4 | 0.909 | 0.023 | 322.8 |

## In these collections

- [Glass gradients](https://grabient.com/glass-gradients)

## Other forms

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