# Pale gray charcoal blue gradient

White, gray, purple and blue linear gradient with 32 colors: #edf0ed, #e7ebe7, #e0e4df, #d8dbd6, #cfd1cb, #c5c7c0, #bbbcb4, #b1b0a7, #a8a59b, #9e998f, #958e84, #8d837a, #867971, #807169, #7a6963, #76625e, #735d5c, #715a5b, #70575c, #6f555f, #6e5463, #6d5469, #6b556f, #685775, #65597c, #615c82, #5c6087, #56638b, #50678e, #4a6a90, #446c91, #3f6e91. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: White, gray, purple and blue linear gradient
- Seed: `kS8gRnwIox8Ibrs`
- Page: https://grabient.com/kS8gRnwIox8Ibrs?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: light to dark, neutral
- Hues: wide
- Contrast of its darkest and lightest colors: 5.8 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 | `#edf0ed` | `oklch(95.28% 0.0055 145.55)` | Shooting Star | black, 18.3 to 1 |
| 2 | `#e7ebe7` | `oklch(93.57% 0.0063 141.30)` | Windy Sky | black, 17.4 to 1 |
| 3 | `#e0e4df` | `oklch(91.38% 0.0071 136.26)` | Illuminating Experience | black, 16.2 to 1 |
| 4 | `#d8dbd6` | `oklch(88.78% 0.0080 130.49)` | Evening White | black, 15 to 1 |
| 5 | `#cfd1cb` | `oklch(85.83% 0.0090 124.06)` | Moorstone | black, 13.6 to 1 |
| 6 | `#c5c7c0` | `oklch(82.61% 0.0101 117.06)` | Traditional Grey | black, 12.3 to 1 |
| 7 | `#bbbcb4` | `oklch(79.19% 0.0112 109.55)` | Weathered Moss | black, 10.9 to 1 |
| 8 | `#b1b0a7` | `oklch(75.65% 0.0125 101.61)` | Urban Putty | black, 9.6 to 1 |
| 9 | `#a8a59b` | `oklch(72.06% 0.0139 93.31)` | Foggy Grey | black, 8.4 to 1 |
| 10 | `#9e998f` | `oklch(68.49% 0.0153 84.73)` | Acier | black, 7.4 to 1 |
| 11 | `#958e84` | `oklch(65.01% 0.0169 75.95)` | Sultry Castle | black, 6.4 to 1 |
| 12 | `#8d837a` | `oklch(61.70% 0.0186 67.02)` | So Sublime | black, 5.6 to 1 |
| 13 | `#867971` | `oklch(58.62% 0.0204 58.04)` | Wet River Rock | black, 5 to 1 |
| 14 | `#807169` | `oklch(55.86% 0.0223 49.07)` | Thorny Brush | white, 4.7 to 1 |
| 15 | `#7a6963` | `oklch(53.48% 0.0243 40.19)` | Muscatel | white, 5.2 to 1 |
| 16 | `#76625e` | `oklch(51.56% 0.0264 31.47)` | Burnt Grape | white, 5.6 to 1 |
| 17 | `#735d5c` | `oklch(50.14% 0.0287 22.85)` | Peppercorn | white, 6 to 1 |
| 18 | `#715a5b` | `oklch(49.10% 0.0314 13.61)` | Falcon | white, 6.3 to 1 |
| 19 | `#70575c` | `oklch(48.40% 0.0344 3.76)` | Exotic Eggplant | white, 6.5 to 1 |
| 20 | `#6f555f` | `oklch(47.99% 0.0376 353.43)` | Exotic Eggplant | white, 6.6 to 1 |
| 21 | `#6e5463` | `oklch(47.83% 0.0411 342.76)` | Earth Brown Violet | white, 6.7 to 1 |
| 22 | `#6d5469` | `oklch(47.88% 0.0447 331.89)` | Hibernation | white, 6.7 to 1 |
| 23 | `#6b556f` | `oklch(48.11% 0.0484 320.95)` | Medicine Man | white, 6.6 to 1 |
| 24 | `#685775` | `oklch(48.49% 0.0521 310.09)` | Regal Gown | white, 6.5 to 1 |
| 25 | `#65597c` | `oklch(48.96% 0.0558 299.44)` | Purple Valley | white, 6.4 to 1 |
| 26 | `#615c82` | `oklch(49.50% 0.0594 289.14)` | Purple Valley | white, 6.2 to 1 |
| 27 | `#5c6087` | `oklch(50.07% 0.0629 279.33)` | Karmic Grape | white, 6 to 1 |
| 28 | `#56638b` | `oklch(50.62% 0.0661 270.15)` | Karmic Grape | white, 5.8 to 1 |
| 29 | `#50678e` | `oklch(51.12% 0.0691 261.72)` | UCLA Blue | white, 5.7 to 1 |
| 30 | `#4a6a90` | `oklch(51.54% 0.0717 254.20)` | Honky Tonk Blue | white, 5.6 to 1 |
| 31 | `#446c91` | `oklch(51.84% 0.0740 247.72)` | Rainy Lake | white, 5.5 to 1 |
| 32 | `#3f6e91` | `oklch(51.97% 0.0758 242.42)` | Big Sur Blue Jade | white, 5.4 to 1 |

## CSS

```css
background: linear-gradient(45deg, #edf0ed 0.0%, #e7ebe7 3.2%, #e0e4df 6.5%, #d8dbd6 9.7%, #cfd1cb 12.9%, #c5c7c0 16.1%, #bbbcb4 19.4%, #b1b0a7 22.6%, #a8a59b 25.8%, #9e998f 29.0%, #958e84 32.3%, #8d837a 35.5%, #867971 38.7%, #807169 41.9%, #7a6963 45.2%, #76625e 48.4%, #735d5c 51.6%, #715a5b 54.8%, #70575c 58.1%, #6f555f 61.3%, #6e5463 64.5%, #6d5469 67.7%, #6b556f 71.0%, #685775 74.2%, #65597c 77.4%, #615c82 80.6%, #5c6087 83.9%, #56638b 87.1%, #50678e 90.3%, #4a6a90 93.5%, #446c91 96.8%, #3f6e91 100.0%);
background: linear-gradient(45deg in oklch, oklch(95.28% 0.0055 145.55) 0.0%, oklch(93.57% 0.0063 141.30) 3.2%, oklch(91.38% 0.0071 136.26) 6.5%, oklch(88.78% 0.0080 130.49) 9.7%, oklch(85.83% 0.0090 124.06) 12.9%, oklch(82.61% 0.0101 117.06) 16.1%, oklch(79.19% 0.0112 109.55) 19.4%, oklch(75.65% 0.0125 101.61) 22.6%, oklch(72.06% 0.0139 93.31) 25.8%, oklch(68.49% 0.0153 84.73) 29.0%, oklch(65.01% 0.0169 75.95) 32.3%, oklch(61.70% 0.0186 67.02) 35.5%, oklch(58.62% 0.0204 58.04) 38.7%, oklch(55.86% 0.0223 49.07) 41.9%, oklch(53.48% 0.0243 40.19) 45.2%, oklch(51.56% 0.0264 31.47) 48.4%, oklch(50.14% 0.0287 22.85) 51.6%, oklch(49.10% 0.0314 13.61) 54.8%, oklch(48.40% 0.0344 3.76) 58.1%, oklch(47.99% 0.0376 353.43) 61.3%, oklch(47.83% 0.0411 342.76) 64.5%, oklch(47.88% 0.0447 331.89) 67.7%, oklch(48.11% 0.0484 320.95) 71.0%, oklch(48.49% 0.0521 310.09) 74.2%, oklch(48.96% 0.0558 299.44) 77.4%, oklch(49.50% 0.0594 289.14) 80.6%, oklch(50.07% 0.0629 279.33) 83.9%, oklch(50.62% 0.0661 270.15) 87.1%, oklch(51.12% 0.0691 261.72) 90.3%, oklch(51.54% 0.0717 254.20) 93.5%, oklch(51.84% 0.0740 247.72) 96.8%, oklch(51.97% 0.0758 242.42) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.953 | 0.006 | 145.5 |
| 2 | 0.508 | 0.028 | 27.2 |
| 3 | 0.52 | 0.076 | -117.6 |

## In these collections

- [Alpine thaw](https://grabient.com/alpine-thaw)

## Other forms

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