# Monochrome dark purple and gray linear swatches

Monochrome dark purple and gray linear swatches 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?style=linearSwatches&steps=32
- Drawn as: linear swatches, 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.000% 3.125%, #3f3551 3.125% 6.250%, #433955 6.250% 9.375%, #483c5a 9.375% 12.500%, #4d415f 12.500% 15.625%, #534565 15.625% 18.750%, #594a6b 18.750% 21.875%, #5f5071 21.875% 25.000%, #665578 25.000% 28.125%, #6c5b7e 28.125% 31.250%, #736084 31.250% 34.375%, #79668a 34.375% 37.500%, #7f6c90 37.500% 40.625%, #857296 40.625% 43.750%, #8c789c 43.750% 46.875%, #927fa2 46.875% 50.000%, #9986a8 50.000% 53.125%, #a08cae 53.125% 56.250%, #a693b4 56.250% 59.375%, #ac99ba 59.375% 62.500%, #b3a0bf 62.500% 65.625%, #b8a6c4 65.625% 68.750%, #beacc9 68.750% 71.875%, #c4b2ce 71.875% 75.000%, #cab9d2 75.000% 78.125%, #d0bfd6 78.125% 81.250%, #d5c5db 81.250% 84.375%, #dacbde 84.375% 87.500%, #dfd0e2 87.500% 90.625%, #e3d5e5 90.625% 93.750%, #e6d9e8 93.750% 96.875%, #e9dcea 96.875% 100.000%);
background: linear-gradient(90deg, oklch(34.25% 0.0482 299.53) 0.000% 3.125%, oklch(35.30% 0.0490 300.03) 3.125% 6.250%, oklch(36.62% 0.0500 300.70) 6.250% 9.375%, oklch(38.18% 0.0513 301.49) 9.375% 12.500%, oklch(39.92% 0.0527 302.38) 12.500% 15.625%, oklch(41.82% 0.0542 303.33) 15.625% 18.750%, oklch(43.83% 0.0556 304.31) 18.750% 21.875%, oklch(45.90% 0.0569 305.27) 21.875% 25.000%, oklch(48.00% 0.0580 306.20) 25.000% 28.125%, oklch(50.08% 0.0588 307.04) 28.125% 31.250%, oklch(52.10% 0.0592 307.77) 31.250% 34.375%, oklch(54.07% 0.0592 308.36) 34.375% 37.500%, oklch(56.13% 0.0589 308.84) 37.500% 40.625%, oklch(58.25% 0.0583 309.22) 40.625% 43.750%, oklch(60.41% 0.0575 309.54) 43.750% 46.875%, oklch(62.61% 0.0565 309.83) 46.875% 50.000%, oklch(64.80% 0.0554 310.11) 50.000% 53.125%, oklch(66.98% 0.0541 310.42) 53.125% 56.250%, oklch(69.11% 0.0526 310.78) 56.250% 59.375%, oklch(71.17% 0.0510 311.22) 59.375% 62.500%, oklch(73.15% 0.0494 311.77) 62.500% 65.625%, oklch(75.03% 0.0476 312.46) 65.625% 68.750%, oklch(76.91% 0.0455 313.34) 68.750% 71.875%, oklch(78.82% 0.0431 314.38) 71.875% 75.000%, oklch(80.71% 0.0404 315.52) 75.000% 78.125%, oklch(82.55% 0.0375 316.74) 78.125% 81.250%, oklch(84.32% 0.0347 317.96) 81.250% 84.375%, oklch(85.98% 0.0319 319.17) 84.375% 87.500%, oklch(87.51% 0.0292 320.29) 87.500% 90.625%, oklch(88.86% 0.0269 321.30) 90.625% 93.750%, oklch(90.02% 0.0249 322.15) 93.750% 96.875%, oklch(90.94% 0.0234 322.78) 96.875% 100.000%);
```

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