# Frost mauve diagonal haze

Blue, gray and purple linear gradient with 40 colors: #5085aa, #588bad, #6393b3, #709eb9, #7fa9c0, #90b5c8, #a0c0cf, #afcad6, #bbd2dc, #c4d8e0, #c9dbe2, #c9dae1, #c4d7df, #bed3db, #b5cdd6, #aac6d0, #a0becb, #97b7c6, #8fb0c2, #8baac0, #8ba5c0, #90a0c0, #999bbd, #a396b8, #ad93ae, #b491a3, #b79097, #b8908d, #b69086, #b48e80, #b38b7e, #b1867d, #af8081, #aa7a88, #a07592, #92739c, #8173a3, #6e74a6, #5c75a5, #4e76a2. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Blue, gray and purple linear gradient
- Seed: `kWlzqrb4g99sRwlWEtKRp4uQ`
- Page: https://grabient.com/kWlzqrb4g99sRwlWEtKRp4uQ?steps=40&angle=135
- Drawn as: linear gradient, 40 steps, 135 degrees
- Kinds: muted
- Hues: wide
- Contrast of its darkest and lightest colors: 3.3 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 | `#5085aa` | `oklch(59.45% 0.0799 240.47)` | Cornwall | black, 5.2 to 1 |
| 2 | `#588bad` | `oklch(61.40% 0.0760 239.26)` | Rackley | black, 5.7 to 1 |
| 3 | `#6393b3` | `oklch(64.17% 0.0704 237.48)` | Empire Blue | black, 6.3 to 1 |
| 4 | `#709eb9` | `oklch(67.54% 0.0636 235.30)` | Crisp French Blue | black, 7.2 to 1 |
| 5 | `#7fa9c0` | `oklch(71.26% 0.0561 232.90)` | Stormfang | black, 8.3 to 1 |
| 6 | `#90b5c8` | `oklch(75.11% 0.0484 230.46)` | Pond Blue | black, 9.5 to 1 |
| 7 | `#a0c0cf` | `oklch(78.84% 0.0408 228.14)` | Gift of the Sea | black, 10.9 to 1 |
| 8 | `#afcad6` | `oklch(82.22% 0.0339 226.12)` | Sea Wind | black, 12.2 to 1 |
| 9 | `#bbd2dc` | `oklch(85.02% 0.0281 224.58)` | Bahama Breezes | black, 13.3 to 1 |
| 10 | `#c4d8e0` | `oklch(87.00% 0.0239 223.70)` | Balmy | black, 14.2 to 1 |
| 11 | `#c9dbe2` | `oklch(87.92% 0.0217 223.58)` | Vanilla Ice Smoke | black, 14.6 to 1 |
| 12 | `#c9dae1` | `oklch(87.81% 0.0215 223.35)` | Vanilla Ice Smoke | black, 14.6 to 1 |
| 13 | `#c4d7df` | `oklch(86.86% 0.0228 222.86)` | Skinny Dippin’ | black, 14.1 to 1 |
| 14 | `#bed3db` | `oklch(85.26% 0.0254 222.43)` | Winterscape | black, 13.4 to 1 |
| 15 | `#b5cdd6` | `oklch(83.19% 0.0289 222.39)` | Light Topaz Soft Blue | black, 12.6 to 1 |
| 16 | `#aac6d0` | `oklch(80.84% 0.0329 223.06)` | Ocean Eyes | black, 11.6 to 1 |
| 17 | `#a0becb` | `oklch(78.39% 0.0371 224.77)` | Frozen Tundra | black, 10.7 to 1 |
| 18 | `#97b7c6` | `oklch(76.01% 0.0411 227.85)` | Shallow Sea | black, 9.8 to 1 |
| 19 | `#8fb0c2` | `oklch(73.91% 0.0446 232.61)` | Bermuda Blue | black, 9.1 to 1 |
| 20 | `#8baac0` | `oklch(72.26% 0.0473 239.39)` | Sky Eyes | black, 8.6 to 1 |
| 21 | `#8ba5c0` | `oklch(71.18% 0.0489 248.93)` | Frills | black, 8.2 to 1 |
| 22 | `#90a0c0` | `oklch(70.46% 0.0497 263.37)` | Electric Sky | black, 7.9 to 1 |
| 23 | `#999bbd` | `oklch(69.98% 0.0499 281.77)` | Thistle Down | black, 7.7 to 1 |
| 24 | `#a396b8` | `oklch(69.68% 0.0498 302.69)` | Grape Gatsby | black, 7.6 to 1 |
| 25 | `#ad93ae` | `oklch(69.49% 0.0494 324.69)` | Enthroned Above | black, 7.5 to 1 |
| 26 | `#b491a3` | `oklch(69.35% 0.0490 346.35)` | Ashberry | black, 7.4 to 1 |
| 27 | `#b79097` | `oklch(69.19% 0.0488 6.22)` | Cherry Juice | black, 7.4 to 1 |
| 28 | `#b8908d` | `oklch(68.94% 0.0489 22.87)` | Ponder | black, 7.3 to 1 |
| 29 | `#b69086` | `oklch(68.54% 0.0494 34.85)` | Ponder | black, 7.2 to 1 |
| 30 | `#b48e80` | `oklch(67.91% 0.0506 40.74)` | Coyote Tracks | black, 7.1 to 1 |
| 31 | `#b38b7e` | `oklch(67.02% 0.0526 39.27)` | Western Ridge | black, 6.8 to 1 |
| 32 | `#b1867d` | `oklch(65.86% 0.0553 30.90)` | Brandy Rose | black, 6.5 to 1 |
| 33 | `#af8081` | `oklch(64.53% 0.0587 17.09)` | Jupiter Brown | black, 6.1 to 1 |
| 34 | `#aa7a88` | `oklch(63.07% 0.0625 359.32)` | Silken Raspberry | black, 5.8 to 1 |
| 35 | `#a07592` | `oklch(61.56% 0.0665 339.07)` | Angel Heart | black, 5.4 to 1 |
| 36 | `#92739c` | `oklch(60.06% 0.0705 317.80)` | Diffused Orchid | black, 5.1 to 1 |
| 37 | `#8173a3` | `oklch(58.64% 0.0743 297.00)` | Old Prune | black, 4.9 to 1 |
| 38 | `#6e74a6` | `oklch(57.36% 0.0777 278.13)` | Mountain Flower Mauve | black, 4.7 to 1 |
| 39 | `#5c75a5` | `oklch(56.30% 0.0806 262.67)` | Blue Yonder | white, 4.6 to 1 |
| 40 | `#4e76a2` | `oklch(55.51% 0.0827 252.09)` | Pacifica | white, 4.7 to 1 |

## CSS

```css
background: linear-gradient(135deg, #5085aa 0.0%, #588bad 2.6%, #6393b3 5.1%, #709eb9 7.7%, #7fa9c0 10.3%, #90b5c8 12.8%, #a0c0cf 15.4%, #afcad6 17.9%, #bbd2dc 20.5%, #c4d8e0 23.1%, #c9dbe2 25.6%, #c9dae1 28.2%, #c4d7df 30.8%, #bed3db 33.3%, #b5cdd6 35.9%, #aac6d0 38.5%, #a0becb 41.0%, #97b7c6 43.6%, #8fb0c2 46.2%, #8baac0 48.7%, #8ba5c0 51.3%, #90a0c0 53.8%, #999bbd 56.4%, #a396b8 59.0%, #ad93ae 61.5%, #b491a3 64.1%, #b79097 66.7%, #b8908d 69.2%, #b69086 71.8%, #b48e80 74.4%, #b38b7e 76.9%, #b1867d 79.5%, #af8081 82.1%, #aa7a88 84.6%, #a07592 87.2%, #92739c 89.7%, #8173a3 92.3%, #6e74a6 94.9%, #5c75a5 97.4%, #4e76a2 100.0%);
background: linear-gradient(135deg in oklch, oklch(59.45% 0.0799 240.47) 0.0%, oklch(61.40% 0.0760 239.26) 2.6%, oklch(64.17% 0.0704 237.48) 5.1%, oklch(67.54% 0.0636 235.30) 7.7%, oklch(71.26% 0.0561 232.90) 10.3%, oklch(75.11% 0.0484 230.46) 12.8%, oklch(78.84% 0.0408 228.14) 15.4%, oklch(82.22% 0.0339 226.12) 17.9%, oklch(85.02% 0.0281 224.58) 20.5%, oklch(87.00% 0.0239 223.70) 23.1%, oklch(87.92% 0.0217 223.58) 25.6%, oklch(87.81% 0.0215 223.35) 28.2%, oklch(86.86% 0.0228 222.86) 30.8%, oklch(85.26% 0.0254 222.43) 33.3%, oklch(83.19% 0.0289 222.39) 35.9%, oklch(80.84% 0.0329 223.06) 38.5%, oklch(78.39% 0.0371 224.77) 41.0%, oklch(76.01% 0.0411 227.85) 43.6%, oklch(73.91% 0.0446 232.61) 46.2%, oklch(72.26% 0.0473 239.39) 48.7%, oklch(71.18% 0.0489 248.93) 51.3%, oklch(70.46% 0.0497 263.37) 53.8%, oklch(69.98% 0.0499 281.77) 56.4%, oklch(69.68% 0.0498 302.69) 59.0%, oklch(69.49% 0.0494 324.69) 61.5%, oklch(69.35% 0.0490 346.35) 64.1%, oklch(69.19% 0.0488 6.22) 66.7%, oklch(68.94% 0.0489 22.87) 69.2%, oklch(68.54% 0.0494 34.85) 71.8%, oklch(67.91% 0.0506 40.74) 74.4%, oklch(67.02% 0.0526 39.27) 76.9%, oklch(65.86% 0.0553 30.90) 79.5%, oklch(64.53% 0.0587 17.09) 82.1%, oklch(63.07% 0.0625 359.32) 84.6%, oklch(61.56% 0.0665 339.07) 87.2%, oklch(60.06% 0.0705 317.80) 89.7%, oklch(58.64% 0.0743 297.00) 92.3%, oklch(57.36% 0.0777 278.13) 94.9%, oklch(56.30% 0.0806 262.67) 97.4%, oklch(55.51% 0.0827 252.09) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.594 | 0.08 | 240.5 |
| 2 | 0.878 | 0.022 | 223.6 |
| 3 | 0.717 | 0.048 | 243.6 |
| 4 | 0.677 | 0.051 | 401.1 |
| 5 | 0.555 | 0.083 | 252.1 |

## In these collections

- [Snow gum blue hour](https://grabient.com/snow-gum-blue-hour)

## Other forms

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