# Dark gray, lavender and gray linear gradient

Dark gray, lavender and gray linear gradient with 32 colors: #3b3443, #413949, #494052, #53485d, #5e5169, #695b75, #746481, #7e6d8c, #887697, #927fa3, #9c89af, #a692ba, #b09cc4, #b9a7cd, #c4b3d5, #cfc0dd, #d9cce3, #e1d7e9, #e6e0ec, #e8e4ed, #e6e4ec, #e2e2e9, #dcdde4, #d4d7dd, #ccd0d6, #c4c9cf, #bbc0c6, #b0b5bb, #a4a9b0, #999ea6, #8f959d, #898e97. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYVhTZxBHAV2WP71Bb_6oO51IFwK`
- Page: https://grabient.com/kYVhTZxBHAV2WP71Bb_6oO51IFwK?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: light center, neutral
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 9.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 | `#3b3443` | `oklch(33.86% 0.0276 305.86)` | Royal Coronation | white, 11.9 to 1 |
| 2 | `#413949` | `oklch(35.91% 0.0298 306.25)` | Wineshade | white, 11 to 1 |
| 3 | `#494052` | `oklch(38.74% 0.0330 306.83)` | Jazlyn | white, 9.8 to 1 |
| 4 | `#53485d` | `oklch(42.09% 0.0367 307.51)` | Petal Purple | white, 8.5 to 1 |
| 5 | `#5e5169` | `oklch(45.73% 0.0407 308.17)` | Muscat Grape | white, 7.3 to 1 |
| 6 | `#695b75` | `oklch(49.41% 0.0444 308.70)` | Plummy | white, 6.2 to 1 |
| 7 | `#746481` | `oklch(52.89% 0.0477 309.01)` | Montana Grape | white, 5.4 to 1 |
| 8 | `#7e6d8c` | `oklch(56.13% 0.0507 309.00)` | Grey Purple | white, 4.7 to 1 |
| 9 | `#887697` | `oklch(59.39% 0.0542 308.74)` | Black Diamond Apple | black, 5 to 1 |
| 10 | `#927fa3` | `oklch(62.67% 0.0576 308.32)` | Violet Chalk | black, 5.7 to 1 |
| 11 | `#9c89af` | `oklch(65.95% 0.0604 307.82)` | Flirty Pink | black, 6.5 to 1 |
| 12 | `#a692ba` | `oklch(69.19% 0.0619 307.35)` | Yolanda | black, 7.4 to 1 |
| 13 | `#b09cc4` | `oklch(72.37% 0.0615 307.00)` | Purple Rose | black, 8.4 to 1 |
| 14 | `#b9a7cd` | `oklch(75.59% 0.0583 307.05)` | Lavendula | black, 9.4 to 1 |
| 15 | `#c4b3d5` | `oklch(79.17% 0.0520 308.05)` | Plumeria | black, 10.7 to 1 |
| 16 | `#cfc0dd` | `oklch(82.86% 0.0436 309.41)` | Girl Crush | black, 12.2 to 1 |
| 17 | `#d9cce3` | `oklch(86.34% 0.0344 310.47)` | Bashful Pansy | black, 13.7 to 1 |
| 18 | `#e1d7e9` | `oklch(89.29% 0.0255 310.54)` | Old Chalk | black, 15.1 to 1 |
| 19 | `#e6e0ec` | `oklch(91.40% 0.0182 308.95)` | Homoeopathic Lavender | black, 16.1 to 1 |
| 20 | `#e8e4ed` | `oklch(92.37% 0.0137 304.92)` | Modest Violet | black, 16.7 to 1 |
| 21 | `#e6e4ec` | `oklch(92.29% 0.0110 297.58)` | Soft Iris | black, 16.6 to 1 |
| 22 | `#e2e2e9` | `oklch(91.38% 0.0096 287.97)` | Sweet Flower | black, 16.2 to 1 |
| 23 | `#dcdde4` | `oklch(89.84% 0.0092 277.47)` | Timid Cloud | black, 15.4 to 1 |
| 24 | `#d4d7dd` | `oklch(87.87% 0.0092 267.47)` | Pebble Soft Blue White | black, 14.5 to 1 |
| 25 | `#ccd0d6` | `oklch(85.66% 0.0095 259.35)` | Light Starlight | black, 13.5 to 1 |
| 26 | `#c4c9cf` | `oklch(83.39% 0.0097 254.47)` | Herring Silver | black, 12.6 to 1 |
| 27 | `#bbc0c6` | `oklch(80.53% 0.0101 252.80)` | Blue to You | black, 11.4 to 1 |
| 28 | `#b0b5bb` | `oklch(77.04% 0.0110 253.35)` | Cloud Cover | black, 10.1 to 1 |
| 29 | `#a4a9b0` | `oklch(73.32% 0.0122 255.30)` | Mischka | black, 8.8 to 1 |
| 30 | `#999ea6` | `oklch(69.75% 0.0134 257.85)` | Shining Knight | black, 7.7 to 1 |
| 31 | `#8f959d` | `oklch(66.70% 0.0145 260.18)` | Dusky Grouse | black, 6.9 to 1 |
| 32 | `#898e97` | `oklch(64.57% 0.0152 261.48)` | Flannel Pyjamas | black, 6.3 to 1 |

## CSS

```css
background: linear-gradient(90deg, #3b3443 0.0%, #413949 3.2%, #494052 6.5%, #53485d 9.7%, #5e5169 12.9%, #695b75 16.1%, #746481 19.4%, #7e6d8c 22.6%, #887697 25.8%, #927fa3 29.0%, #9c89af 32.3%, #a692ba 35.5%, #b09cc4 38.7%, #b9a7cd 41.9%, #c4b3d5 45.2%, #cfc0dd 48.4%, #d9cce3 51.6%, #e1d7e9 54.8%, #e6e0ec 58.1%, #e8e4ed 61.3%, #e6e4ec 64.5%, #e2e2e9 67.7%, #dcdde4 71.0%, #d4d7dd 74.2%, #ccd0d6 77.4%, #c4c9cf 80.6%, #bbc0c6 83.9%, #b0b5bb 87.1%, #a4a9b0 90.3%, #999ea6 93.5%, #8f959d 96.8%, #898e97 100.0%);
background: linear-gradient(90deg in oklch, oklch(33.86% 0.0276 305.86) 0.0%, oklch(35.91% 0.0298 306.25) 3.2%, oklch(38.74% 0.0330 306.83) 6.5%, oklch(42.09% 0.0367 307.51) 9.7%, oklch(45.73% 0.0407 308.17) 12.9%, oklch(49.41% 0.0444 308.70) 16.1%, oklch(52.89% 0.0477 309.01) 19.4%, oklch(56.13% 0.0507 309.00) 22.6%, oklch(59.39% 0.0542 308.74) 25.8%, oklch(62.67% 0.0576 308.32) 29.0%, oklch(65.95% 0.0604 307.82) 32.3%, oklch(69.19% 0.0619 307.35) 35.5%, oklch(72.37% 0.0615 307.00) 38.7%, oklch(75.59% 0.0583 307.05) 41.9%, oklch(79.17% 0.0520 308.05) 45.2%, oklch(82.86% 0.0436 309.41) 48.4%, oklch(86.34% 0.0344 310.47) 51.6%, oklch(89.29% 0.0255 310.54) 54.8%, oklch(91.40% 0.0182 308.95) 58.1%, oklch(92.37% 0.0137 304.92) 61.3%, oklch(92.29% 0.0110 297.58) 64.5%, oklch(91.38% 0.0096 287.97) 67.7%, oklch(89.84% 0.0092 277.47) 71.0%, oklch(87.87% 0.0092 267.47) 74.2%, oklch(85.66% 0.0095 259.35) 77.4%, oklch(83.39% 0.0097 254.47) 80.6%, oklch(80.53% 0.0101 252.80) 83.9%, oklch(77.04% 0.0110 253.35) 87.1%, oklch(73.32% 0.0122 255.30) 90.3%, oklch(69.75% 0.0134 257.85) 93.5%, oklch(66.70% 0.0145 260.18) 96.8%, oklch(64.57% 0.0152 261.48) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.339 | 0.028 | 305.9 |
| 2 | 0.535 | 0.048 | 309 |
| 3 | 0.736 | 0.061 | 306.9 |
| 4 | 0.921 | 0.015 | 306.9 |
| 5 | 0.839 | 0.01 | 255.1 |
| 6 | 0.646 | 0.015 | 261.5 |

## In these collections

- [Silver gradients](https://grabient.com/silver-gradients)

## Other forms

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