# Frost blue lavender wash

Purple, light blue and gray linear gradient with 64 colors: #5e3e69, #5f406b, #60426e, #614571, #624975, #634c79, #64507d, #665581, #675985, #685e8a, #6a628e, #6b6792, #6d6d97, #6f729b, #70779f, #727ca3, #7582a7, #7787ab, #7a8dae, #7c92b2, #7f97b5, #829cb8, #86a1bb, #89a5be, #8daac0, #90aec3, #94b2c5, #97b6c7, #9abac9, #9dbdcb, #a0c0cd, #a3c2ce, #a6c4d0, #a8c6d1, #aac8d2, #accad3, #aecbd4, #afccd5, #b1cdd5, #b2ced6, #b3cfd7, #b4d0d7, #b5d0d7, #b5d1d8, #b6d1d8, #b6d1d8, #b7d1d8, #b7d1d8, #b7d1d8, #b8d1d8, #b8d1d8, #b8d1d8, #b8d1d8, #b8d1d8, #b8d1d8, #b8d0d8, #b8d0d8, #b8d0d8, #b8d0d8, #b8d0d8, #b8d0d8, #b8d0d8, #b8d0d8, #b9d0d8. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Purple, light blue and gray linear gradient
- Seed: `kSajriZY20usKP6`
- Page: https://grabient.com/kSajriZY20usKP6?steps=64&angle=225
- Drawn as: linear gradient, 64 steps, 225 degrees
- Kinds: dark to light, pastel, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 5.5 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 | `#5e3e69` | `oklch(41.73% 0.0799 317.81)` | Kikyō Purple | white, 8.8 to 1 |
| 2 | `#5f406b` | `oklch(42.39% 0.0792 316.16)` | Grape Popsicle | white, 8.6 to 1 |
| 3 | `#60426e` | `oklch(43.16% 0.0783 314.25)` | Magenta Red Lips | white, 8.3 to 1 |
| 4 | `#614571` | `oklch(44.02% 0.0774 312.08)` | Royal Rajah | white, 8 to 1 |
| 5 | `#624975` | `oklch(44.97% 0.0763 309.68)` | Presley Purple | white, 7.7 to 1 |
| 6 | `#634c79` | `oklch(46.01% 0.0752 307.07)` | Imperial Palace | white, 7.3 to 1 |
| 7 | `#64507d` | `oklch(47.12% 0.0740 304.27)` | Berry Syrup | white, 7 to 1 |
| 8 | `#665581` | `oklch(48.30% 0.0727 301.28)` | Vigorous Violet | white, 6.6 to 1 |
| 9 | `#675985` | `oklch(49.55% 0.0713 298.14)` | Berry Jam | white, 6.2 to 1 |
| 10 | `#685e8a` | `oklch(50.85% 0.0699 294.86)` | Kimberly | white, 5.9 to 1 |
| 11 | `#6a628e` | `oklch(52.20% 0.0684 291.45)` | Majestic Purple | white, 5.5 to 1 |
| 12 | `#6b6792` | `oklch(53.59% 0.0669 287.94)` | Wild Wisteria | white, 5.2 to 1 |
| 13 | `#6d6d97` | `oklch(55.01% 0.0653 284.35)` | Campanula Purple | white, 4.9 to 1 |
| 14 | `#6f729b` | `oklch(56.47% 0.0637 280.68)` | Hyacinth Mauve | white, 4.6 to 1 |
| 15 | `#70779f` | `oklch(57.94% 0.0621 276.96)` | Bleached Denim | black, 4.8 to 1 |
| 16 | `#727ca3` | `oklch(59.43% 0.0604 273.21)` | Inky Violet | black, 5.1 to 1 |
| 17 | `#7582a7` | `oklch(60.93% 0.0588 269.45)` | Positively Purple | black, 5.4 to 1 |
| 18 | `#7787ab` | `oklch(62.43% 0.0571 265.69)` | Enchanting Sky | black, 5.8 to 1 |
| 19 | `#7a8dae` | `oklch(63.92% 0.0554 261.95)` | Ashton Skies | black, 6.2 to 1 |
| 20 | `#7c92b2` | `oklch(65.40% 0.0538 258.25)` | Celestial Horizon | black, 6.5 to 1 |
| 21 | `#7f97b5` | `oklch(66.85% 0.0522 254.61)` | Denim Tradition | black, 6.9 to 1 |
| 22 | `#829cb8` | `oklch(68.29% 0.0506 251.04)` | Sailing | black, 7.3 to 1 |
| 23 | `#86a1bb` | `oklch(69.68% 0.0490 247.57)` | Hawaiian Sky | black, 7.8 to 1 |
| 24 | `#89a5be` | `oklch(71.04% 0.0475 244.21)` | Notable Hue | black, 8.2 to 1 |
| 25 | `#8daac0` | `oklch(72.34% 0.0460 240.98)` | Sky Eyes | black, 8.6 to 1 |
| 26 | `#90aec3` | `oklch(73.60% 0.0446 237.89)` | Chilly Blue | black, 9 to 1 |
| 27 | `#94b2c5` | `oklch(74.79% 0.0432 234.98)` | Porcelain Vase | black, 9.4 to 1 |
| 28 | `#97b6c7` | `oklch(75.91% 0.0419 232.24)` | Respite | black, 9.8 to 1 |
| 29 | `#9abac9` | `oklch(76.95% 0.0407 229.71)` | Arctic Sunrise | black, 10.2 to 1 |
| 30 | `#9dbdcb` | `oklch(77.92% 0.0396 227.40)` | Evocative Blue | black, 10.5 to 1 |
| 31 | `#a0c0cd` | `oklch(78.79% 0.0386 225.33)` | Gift of the Sea | black, 10.8 to 1 |
| 32 | `#a3c2ce` | `oklch(79.57% 0.0376 223.51)` | Airborne | black, 11.1 to 1 |
| 33 | `#a6c4d0` | `oklch(80.25% 0.0368 221.96)` | Memorybook Blue | black, 11.4 to 1 |
| 34 | `#a8c6d1` | `oklch(80.86% 0.0360 220.59)` | Salt Spray | black, 11.6 to 1 |
| 35 | `#aac8d2` | `oklch(81.42% 0.0353 219.40)` | Ocean Eyes | black, 11.9 to 1 |
| 36 | `#accad3` | `oklch(81.91% 0.0346 218.38)` | Sea Wind | black, 12.1 to 1 |
| 37 | `#aecbd4` | `oklch(82.35% 0.0340 217.50)` | Sea Wind | black, 12.2 to 1 |
| 38 | `#afccd5` | `oklch(82.75% 0.0334 216.78)` | Pallid Blue | black, 12.4 to 1 |
| 39 | `#b1cdd5` | `oklch(83.09% 0.0329 216.19)` | Pallid Blue | black, 12.5 to 1 |
| 40 | `#b2ced6` | `oklch(83.39% 0.0324 215.73)` | Heaven | black, 12.7 to 1 |
| 41 | `#b3cfd7` | `oklch(83.64% 0.0320 215.39)` | Heaven | black, 12.8 to 1 |
| 42 | `#b4d0d7` | `oklch(83.86% 0.0316 215.16)` | Midsummer’s Dream | black, 12.9 to 1 |
| 43 | `#b5d0d7` | `oklch(84.03% 0.0312 215.03)` | Midsummer’s Dream | black, 12.9 to 1 |
| 44 | `#b5d1d8` | `oklch(84.18% 0.0308 215.00)` | Subtle Breeze | black, 13 to 1 |
| 45 | `#b6d1d8` | `oklch(84.29% 0.0305 215.05)` | Subtle Breeze | black, 13.1 to 1 |
| 46 | `#b6d1d8` | `oklch(84.37% 0.0303 215.18)` | Subtle Breeze | black, 13.1 to 1 |
| 47 | `#b7d1d8` | `oklch(84.43% 0.0300 215.38)` | Subtle Breeze | black, 13.1 to 1 |
| 48 | `#b7d1d8` | `oklch(84.47% 0.0298 215.63)` | Subtle Breeze | black, 13.1 to 1 |
| 49 | `#b7d1d8` | `oklch(84.48% 0.0296 215.94)` | Subtle Breeze | black, 13.1 to 1 |
| 50 | `#b8d1d8` | `oklch(84.48% 0.0294 216.28)` | Bahama Breezes | black, 13.1 to 1 |
| 51 | `#b8d1d8` | `oklch(84.47% 0.0292 216.66)` | Bahama Breezes | black, 13.1 to 1 |
| 52 | `#b8d1d8` | `oklch(84.44% 0.0290 217.06)` | Bahama Breezes | black, 13.1 to 1 |
| 53 | `#b8d1d8` | `oklch(84.40% 0.0289 217.48)` | Bahama Breezes | black, 13.1 to 1 |
| 54 | `#b8d1d8` | `oklch(84.36% 0.0288 217.91)` | Bahama Breezes | black, 13.1 to 1 |
| 55 | `#b8d1d8` | `oklch(84.32% 0.0286 218.33)` | Bahama Breezes | black, 13 to 1 |
| 56 | `#b8d0d8` | `oklch(84.27% 0.0285 218.74)` | Mudra | black, 13 to 1 |
| 57 | `#b8d0d8` | `oklch(84.23% 0.0284 219.13)` | Mudra | black, 13 to 1 |
| 58 | `#b8d0d8` | `oklch(84.19% 0.0283 219.50)` | Mudra | black, 13 to 1 |
| 59 | `#b8d0d8` | `oklch(84.17% 0.0282 219.82)` | Mudra | black, 13 to 1 |
| 60 | `#b8d0d8` | `oklch(84.15% 0.0281 220.10)` | Mudra | black, 13 to 1 |
| 61 | `#b8d0d8` | `oklch(84.15% 0.0280 220.33)` | Mudra | black, 13 to 1 |
| 62 | `#b8d0d8` | `oklch(84.16% 0.0278 220.49)` | Mudra | black, 13 to 1 |
| 63 | `#b8d0d8` | `oklch(84.20% 0.0277 220.58)` | Mudra | black, 13 to 1 |
| 64 | `#b9d0d8` | `oklch(84.25% 0.0276 220.59)` | Mudra | black, 13 to 1 |

## CSS

```css
background: linear-gradient(225deg, #5e3e69 0.0%, #5f406b 1.6%, #60426e 3.2%, #614571 4.8%, #624975 6.3%, #634c79 7.9%, #64507d 9.5%, #665581 11.1%, #675985 12.7%, #685e8a 14.3%, #6a628e 15.9%, #6b6792 17.5%, #6d6d97 19.0%, #6f729b 20.6%, #70779f 22.2%, #727ca3 23.8%, #7582a7 25.4%, #7787ab 27.0%, #7a8dae 28.6%, #7c92b2 30.2%, #7f97b5 31.7%, #829cb8 33.3%, #86a1bb 34.9%, #89a5be 36.5%, #8daac0 38.1%, #90aec3 39.7%, #94b2c5 41.3%, #97b6c7 42.9%, #9abac9 44.4%, #9dbdcb 46.0%, #a0c0cd 47.6%, #a3c2ce 49.2%, #a6c4d0 50.8%, #a8c6d1 52.4%, #aac8d2 54.0%, #accad3 55.6%, #aecbd4 57.1%, #afccd5 58.7%, #b1cdd5 60.3%, #b2ced6 61.9%, #b3cfd7 63.5%, #b4d0d7 65.1%, #b5d0d7 66.7%, #b5d1d8 68.3%, #b6d1d8 69.8%, #b6d1d8 71.4%, #b7d1d8 73.0%, #b7d1d8 74.6%, #b7d1d8 76.2%, #b8d1d8 77.8%, #b8d1d8 79.4%, #b8d1d8 81.0%, #b8d1d8 82.5%, #b8d1d8 84.1%, #b8d1d8 85.7%, #b8d0d8 87.3%, #b8d0d8 88.9%, #b8d0d8 90.5%, #b8d0d8 92.1%, #b8d0d8 93.7%, #b8d0d8 95.2%, #b8d0d8 96.8%, #b8d0d8 98.4%, #b9d0d8 100.0%);
background: linear-gradient(225deg in oklch, oklch(41.73% 0.0799 317.81) 0.0%, oklch(42.39% 0.0792 316.16) 1.6%, oklch(43.16% 0.0783 314.25) 3.2%, oklch(44.02% 0.0774 312.08) 4.8%, oklch(44.97% 0.0763 309.68) 6.3%, oklch(46.01% 0.0752 307.07) 7.9%, oklch(47.12% 0.0740 304.27) 9.5%, oklch(48.30% 0.0727 301.28) 11.1%, oklch(49.55% 0.0713 298.14) 12.7%, oklch(50.85% 0.0699 294.86) 14.3%, oklch(52.20% 0.0684 291.45) 15.9%, oklch(53.59% 0.0669 287.94) 17.5%, oklch(55.01% 0.0653 284.35) 19.0%, oklch(56.47% 0.0637 280.68) 20.6%, oklch(57.94% 0.0621 276.96) 22.2%, oklch(59.43% 0.0604 273.21) 23.8%, oklch(60.93% 0.0588 269.45) 25.4%, oklch(62.43% 0.0571 265.69) 27.0%, oklch(63.92% 0.0554 261.95) 28.6%, oklch(65.40% 0.0538 258.25) 30.2%, oklch(66.85% 0.0522 254.61) 31.7%, oklch(68.29% 0.0506 251.04) 33.3%, oklch(69.68% 0.0490 247.57) 34.9%, oklch(71.04% 0.0475 244.21) 36.5%, oklch(72.34% 0.0460 240.98) 38.1%, oklch(73.60% 0.0446 237.89) 39.7%, oklch(74.79% 0.0432 234.98) 41.3%, oklch(75.91% 0.0419 232.24) 42.9%, oklch(76.95% 0.0407 229.71) 44.4%, oklch(77.92% 0.0396 227.40) 46.0%, oklch(78.79% 0.0386 225.33) 47.6%, oklch(79.57% 0.0376 223.51) 49.2%, oklch(80.25% 0.0368 221.96) 50.8%, oklch(80.86% 0.0360 220.59) 52.4%, oklch(81.42% 0.0353 219.40) 54.0%, oklch(81.91% 0.0346 218.38) 55.6%, oklch(82.35% 0.0340 217.50) 57.1%, oklch(82.75% 0.0334 216.78) 58.7%, oklch(83.09% 0.0329 216.19) 60.3%, oklch(83.39% 0.0324 215.73) 61.9%, oklch(83.64% 0.0320 215.39) 63.5%, oklch(83.86% 0.0316 215.16) 65.1%, oklch(84.03% 0.0312 215.03) 66.7%, oklch(84.18% 0.0308 215.00) 68.3%, oklch(84.29% 0.0305 215.05) 69.8%, oklch(84.37% 0.0303 215.18) 71.4%, oklch(84.43% 0.0300 215.38) 73.0%, oklch(84.47% 0.0298 215.63) 74.6%, oklch(84.48% 0.0296 215.94) 76.2%, oklch(84.48% 0.0294 216.28) 77.8%, oklch(84.47% 0.0292 216.66) 79.4%, oklch(84.44% 0.0290 217.06) 81.0%, oklch(84.40% 0.0289 217.48) 82.5%, oklch(84.36% 0.0288 217.91) 84.1%, oklch(84.32% 0.0286 218.33) 85.7%, oklch(84.27% 0.0285 218.74) 87.3%, oklch(84.23% 0.0284 219.13) 88.9%, oklch(84.19% 0.0283 219.50) 90.5%, oklch(84.17% 0.0282 219.82) 92.1%, oklch(84.15% 0.0281 220.10) 93.7%, oklch(84.15% 0.0280 220.33) 95.2%, oklch(84.16% 0.0278 220.49) 96.8%, oklch(84.20% 0.0277 220.58) 98.4%, oklch(84.25% 0.0276 220.59) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.417 | 0.08 | 317.8 |
| 2 | 0.799 | 0.037 | 222.7 |
| 3 | 0.843 | 0.028 | 220.6 |

## In these collections

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

## Other forms

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