# Cool desert morning haze

Light blue to gray linear gradient with 32 colors: #d4e9f2, #d1e6f0, #cde3ee, #c8dfeb, #c2dbe8, #bdd6e5, #b7d1e2, #b1ccde, #abc7db, #a6c2d7, #a1bdd4, #9db8d1, #99b3cd, #95aeca, #91a9c6, #8ea4c3, #8a9fbf, #879abb, #8495b7, #8190b3, #7e8bae, #7b86aa, #7881a5, #757c9f, #727699, #6f7193, #6c6c8e, #696788, #666283, #645e7e, #625b7a, #605877. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Light blue to gray linear gradient
- Seed: `kU6hKgYxDCVAUQu9EkLg`
- Page: https://grabient.com/kU6hKgYxDCVAUQu9EkLg?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: light to dark, muted, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.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 | `#d4e9f2` | `oklch(92.13% 0.0248 225.00)` | Spacious Skies | black, 16.7 to 1 |
| 2 | `#d1e6f0` | `oklch(91.32% 0.0260 226.13)` | Pattens Blue | black, 16.3 to 1 |
| 3 | `#cde3ee` | `oklch(90.29% 0.0277 227.54)` | Niagara Falls | black, 15.8 to 1 |
| 4 | `#c8dfeb` | `oklch(89.07% 0.0296 229.20)` | Wind of Change | black, 15.2 to 1 |
| 5 | `#c2dbe8` | `oklch(87.71% 0.0318 231.07)` | Pacific Breeze | black, 14.5 to 1 |
| 6 | `#bdd6e5` | `oklch(86.23% 0.0341 233.10)` | Light Tidal Foam | black, 13.9 to 1 |
| 7 | `#b7d1e2` | `oklch(84.68% 0.0365 235.26)` | Delicate Ice | black, 13.2 to 1 |
| 8 | `#b1ccde` | `oklch(83.08% 0.0389 237.50)` | Himalaya Blue | black, 12.5 to 1 |
| 9 | `#abc7db` | `oklch(81.49% 0.0411 239.79)` | Barking Creek | black, 11.9 to 1 |
| 10 | `#a6c2d7` | `oklch(79.92% 0.0432 242.08)` | Blue Bows | black, 11.2 to 1 |
| 11 | `#a1bdd4` | `oklch(78.43% 0.0450 244.34)` | Angel Falls | black, 10.7 to 1 |
| 12 | `#9db8d1` | `oklch(77.01% 0.0464 246.57)` | Novella Blue | black, 10.1 to 1 |
| 13 | `#99b3cd` | `oklch(75.58% 0.0478 248.87)` | Stellar Blue | black, 9.6 to 1 |
| 14 | `#95aeca` | `oklch(74.15% 0.0491 251.25)` | Chambray Blue | black, 9.1 to 1 |
| 15 | `#91a9c6` | `oklch(72.70% 0.0503 253.69)` | Bachelor Blue | black, 8.7 to 1 |
| 16 | `#8ea4c3` | `oklch(71.25% 0.0514 256.17)` | Wild Clary | black, 8.2 to 1 |
| 17 | `#8a9fbf` | `oklch(69.79% 0.0524 258.69)` | Astro Bound | black, 7.8 to 1 |
| 18 | `#879abb` | `oklch(68.33% 0.0533 261.23)` | Sailing | black, 7.3 to 1 |
| 19 | `#8495b7` | `oklch(66.87% 0.0540 263.76)` | Denim Tradition | black, 6.9 to 1 |
| 20 | `#8190b3` | `oklch(65.41% 0.0545 266.29)` | Luxury | black, 6.5 to 1 |
| 21 | `#7e8bae` | `oklch(63.96% 0.0549 268.79)` | Purple Impression | black, 6.2 to 1 |
| 22 | `#7b86aa` | `oklch(62.50% 0.0552 271.27)` | Enchanting Sky | black, 5.8 to 1 |
| 23 | `#7881a5` | `oklch(60.95% 0.0551 273.90)` | Positively Purple | black, 5.4 to 1 |
| 24 | `#757c9f` | `oklch(59.32% 0.0548 276.67)` | Bossa Nova Blue | black, 5.1 to 1 |
| 25 | `#727699` | `oklch(57.64% 0.0543 279.52)` | Kimono Violet | black, 4.7 to 1 |
| 26 | `#6f7193` | `oklch(55.95% 0.0536 282.37)` | Silk Crepe Mauve | white, 4.7 to 1 |
| 27 | `#6c6c8e` | `oklch(54.31% 0.0528 285.16)` | Dark Prince | white, 5 to 1 |
| 28 | `#696788` | `oklch(52.73% 0.0520 287.83)` | Heron | white, 5.4 to 1 |
| 29 | `#666283` | `oklch(51.28% 0.0513 290.29)` | Pharaoh Purple | white, 5.7 to 1 |
| 30 | `#645e7e` | `oklch(49.99% 0.0506 292.49)` | Strong Iris | white, 6 to 1 |
| 31 | `#625b7a` | `oklch(48.89% 0.0500 294.35)` | Taylor | white, 6.3 to 1 |
| 32 | `#605877` | `oklch(48.03% 0.0496 295.80)` | Taylor | white, 6.6 to 1 |

## CSS

```css
background: linear-gradient(135deg, #d4e9f2 0.0%, #d1e6f0 3.2%, #cde3ee 6.5%, #c8dfeb 9.7%, #c2dbe8 12.9%, #bdd6e5 16.1%, #b7d1e2 19.4%, #b1ccde 22.6%, #abc7db 25.8%, #a6c2d7 29.0%, #a1bdd4 32.3%, #9db8d1 35.5%, #99b3cd 38.7%, #95aeca 41.9%, #91a9c6 45.2%, #8ea4c3 48.4%, #8a9fbf 51.6%, #879abb 54.8%, #8495b7 58.1%, #8190b3 61.3%, #7e8bae 64.5%, #7b86aa 67.7%, #7881a5 71.0%, #757c9f 74.2%, #727699 77.4%, #6f7193 80.6%, #6c6c8e 83.9%, #696788 87.1%, #666283 90.3%, #645e7e 93.5%, #625b7a 96.8%, #605877 100.0%);
background: linear-gradient(135deg in oklch, oklch(92.13% 0.0248 225.00) 0.0%, oklch(91.32% 0.0260 226.13) 3.2%, oklch(90.29% 0.0277 227.54) 6.5%, oklch(89.07% 0.0296 229.20) 9.7%, oklch(87.71% 0.0318 231.07) 12.9%, oklch(86.23% 0.0341 233.10) 16.1%, oklch(84.68% 0.0365 235.26) 19.4%, oklch(83.08% 0.0389 237.50) 22.6%, oklch(81.49% 0.0411 239.79) 25.8%, oklch(79.92% 0.0432 242.08) 29.0%, oklch(78.43% 0.0450 244.34) 32.3%, oklch(77.01% 0.0464 246.57) 35.5%, oklch(75.58% 0.0478 248.87) 38.7%, oklch(74.15% 0.0491 251.25) 41.9%, oklch(72.70% 0.0503 253.69) 45.2%, oklch(71.25% 0.0514 256.17) 48.4%, oklch(69.79% 0.0524 258.69) 51.6%, oklch(68.33% 0.0533 261.23) 54.8%, oklch(66.87% 0.0540 263.76) 58.1%, oklch(65.41% 0.0545 266.29) 61.3%, oklch(63.96% 0.0549 268.79) 64.5%, oklch(62.50% 0.0552 271.27) 67.7%, oklch(60.95% 0.0551 273.90) 71.0%, oklch(59.32% 0.0548 276.67) 74.2%, oklch(57.64% 0.0543 279.52) 77.4%, oklch(55.95% 0.0536 282.37) 80.6%, oklch(54.31% 0.0528 285.16) 83.9%, oklch(52.73% 0.0520 287.83) 87.1%, oklch(51.28% 0.0513 290.29) 90.3%, oklch(49.99% 0.0506 292.49) 93.5%, oklch(48.89% 0.0500 294.35) 96.8%, oklch(48.03% 0.0496 295.80) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.921 | 0.025 | 225 |
| 2 | 0.78 | 0.045 | 245.1 |
| 3 | 0.63 | 0.055 | 270.4 |
| 4 | 0.48 | 0.05 | 295.8 |

## In these collections

- [Desert colors](https://grabient.com/desert-colors)

## Other forms

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