# Ice and periwinkle

Pastel monochrome gray to blue linear gradient with 32 colors: #eef6fb, #ecf5fa, #e9f3fa, #e5f1f9, #e1eff8, #ddecf7, #d8e9f6, #d4e7f4, #cfe4f3, #cbe1f2, #c7dff1, #c3dcf0, #bfdaef, #bbd7ee, #b7d4ed, #b3d1ec, #afceea, #abcbe9, #a8c9e9, #a5c7e8, #a4c5e8, #a3c4e8, #a3c3e9, #a4c2ea, #a7c2eb, #a9c2ec, #acc2ee, #afc2ef, #b2c2f0, #b5c3f1, #b7c3f2, #b9c3f2. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Pastel monochrome gray to blue linear gradient
- Seed: `kEe72-3G3vEaPE6BucPyA`
- Page: https://grabient.com/kEe72-3G3vEaPE6BucPyA?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: pastel, light, cool, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 1.6 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 | `#eef6fb` | `oklch(96.86% 0.0108 234.82)` | Silent Snowfall | black, 19.2 to 1 |
| 2 | `#ecf5fa` | `oklch(96.40% 0.0123 235.21)` | Placebo Blue | black, 18.9 to 1 |
| 3 | `#e9f3fa` | `oklch(95.82% 0.0142 235.70)` | Moon White | black, 18.6 to 1 |
| 4 | `#e5f1f9` | `oklch(95.13% 0.0165 236.28)` | Clear Vision | black, 18.2 to 1 |
| 5 | `#e1eff8` | `oklch(94.35% 0.0190 236.93)` | Diamond White | black, 17.8 to 1 |
| 6 | `#ddecf7` | `oklch(93.51% 0.0217 237.64)` | Ice Fishing | black, 17.4 to 1 |
| 7 | `#d8e9f6` | `oklch(92.64% 0.0245 238.39)` | Celestial Cathedral | black, 16.9 to 1 |
| 8 | `#d4e7f4` | `oklch(91.74% 0.0274 239.18)` | Freezing Vapour | black, 16.5 to 1 |
| 9 | `#cfe4f3` | `oklch(90.84% 0.0303 239.98)` | New Heights | black, 16 to 1 |
| 10 | `#cbe1f2` | `oklch(89.97% 0.0332 240.78)` | First Shade of Blue | black, 15.6 to 1 |
| 11 | `#c7dff1` | `oklch(89.14% 0.0358 241.57)` | Empress Lila | black, 15.2 to 1 |
| 12 | `#c3dcf0` | `oklch(88.34% 0.0384 242.33)` | Island View | black, 14.8 to 1 |
| 13 | `#bfdaef` | `oklch(87.48% 0.0411 243.00)` | Comet Tail | black, 14.4 to 1 |
| 14 | `#bbd7ee` | `oklch(86.57% 0.0438 243.63)` | Delicate Blue Mist | black, 14 to 1 |
| 15 | `#b7d4ed` | `oklch(85.64% 0.0466 244.24)` | Summer Birthday | black, 13.6 to 1 |
| 16 | `#b3d1ec` | `oklch(84.71% 0.0495 244.89)` | Vive le Vent | black, 13.2 to 1 |
| 17 | `#afceea` | `oklch(83.81% 0.0522 245.60)` | Gentle Wind | black, 12.8 to 1 |
| 18 | `#abcbe9` | `oklch(82.98% 0.0548 246.40)` | Baby Bunting | black, 12.4 to 1 |
| 19 | `#a8c9e9` | `oklch(82.23% 0.0572 247.35)` | Island Light | black, 12.1 to 1 |
| 20 | `#a5c7e8` | `oklch(81.59% 0.0594 248.47)` | Island Light | black, 11.9 to 1 |
| 21 | `#a4c5e8` | `oklch(81.09% 0.0613 249.80)` | Sky High | black, 11.7 to 1 |
| 22 | `#a3c4e8` | `oklch(80.75% 0.0628 251.40)` | Sky High | black, 11.5 to 1 |
| 23 | `#a3c3e9` | `oklch(80.60% 0.0640 253.42)` | Sky High | black, 11.5 to 1 |
| 24 | `#a4c2ea` | `oklch(80.60% 0.0649 255.82)` | Sky High | black, 11.4 to 1 |
| 25 | `#a7c2eb` | `oklch(80.73% 0.0656 258.48)` | Sky High | black, 11.5 to 1 |
| 26 | `#a9c2ec` | `oklch(80.95% 0.0660 261.31)` | Sky High | black, 11.6 to 1 |
| 27 | `#acc2ee` | `oklch(81.24% 0.0663 264.18)` | Sky High | black, 11.6 to 1 |
| 28 | `#afc2ef` | `oklch(81.56% 0.0665 266.99)` | Larkspur Bud | black, 11.8 to 1 |
| 29 | `#b2c2f0` | `oklch(81.88% 0.0666 269.64)` | Larkspur Bud | black, 11.9 to 1 |
| 30 | `#b5c3f1` | `oklch(82.17% 0.0667 272.00)` | Larkspur Bud | black, 12 to 1 |
| 31 | `#b7c3f2` | `oklch(82.40% 0.0668 273.98)` | Larkspur Bud | black, 12.1 to 1 |
| 32 | `#b9c3f2` | `oklch(82.54% 0.0670 275.45)` | Vodka | black, 12.1 to 1 |

## CSS

```css
background: linear-gradient(135deg, #eef6fb 0.0%, #ecf5fa 3.2%, #e9f3fa 6.5%, #e5f1f9 9.7%, #e1eff8 12.9%, #ddecf7 16.1%, #d8e9f6 19.4%, #d4e7f4 22.6%, #cfe4f3 25.8%, #cbe1f2 29.0%, #c7dff1 32.3%, #c3dcf0 35.5%, #bfdaef 38.7%, #bbd7ee 41.9%, #b7d4ed 45.2%, #b3d1ec 48.4%, #afceea 51.6%, #abcbe9 54.8%, #a8c9e9 58.1%, #a5c7e8 61.3%, #a4c5e8 64.5%, #a3c4e8 67.7%, #a3c3e9 71.0%, #a4c2ea 74.2%, #a7c2eb 77.4%, #a9c2ec 80.6%, #acc2ee 83.9%, #afc2ef 87.1%, #b2c2f0 90.3%, #b5c3f1 93.5%, #b7c3f2 96.8%, #b9c3f2 100.0%);
background: linear-gradient(135deg in oklch, oklch(96.86% 0.0108 234.82) 0.0%, oklch(96.40% 0.0123 235.21) 3.2%, oklch(95.82% 0.0142 235.70) 6.5%, oklch(95.13% 0.0165 236.28) 9.7%, oklch(94.35% 0.0190 236.93) 12.9%, oklch(93.51% 0.0217 237.64) 16.1%, oklch(92.64% 0.0245 238.39) 19.4%, oklch(91.74% 0.0274 239.18) 22.6%, oklch(90.84% 0.0303 239.98) 25.8%, oklch(89.97% 0.0332 240.78) 29.0%, oklch(89.14% 0.0358 241.57) 32.3%, oklch(88.34% 0.0384 242.33) 35.5%, oklch(87.48% 0.0411 243.00) 38.7%, oklch(86.57% 0.0438 243.63) 41.9%, oklch(85.64% 0.0466 244.24) 45.2%, oklch(84.71% 0.0495 244.89) 48.4%, oklch(83.81% 0.0522 245.60) 51.6%, oklch(82.98% 0.0548 246.40) 54.8%, oklch(82.23% 0.0572 247.35) 58.1%, oklch(81.59% 0.0594 248.47) 61.3%, oklch(81.09% 0.0613 249.80) 64.5%, oklch(80.75% 0.0628 251.40) 67.7%, oklch(80.60% 0.0640 253.42) 71.0%, oklch(80.60% 0.0649 255.82) 74.2%, oklch(80.73% 0.0656 258.48) 77.4%, oklch(80.95% 0.0660 261.31) 80.6%, oklch(81.24% 0.0663 264.18) 83.9%, oklch(81.56% 0.0665 266.99) 87.1%, oklch(81.88% 0.0666 269.64) 90.3%, oklch(82.17% 0.0667 272.00) 93.5%, oklch(82.40% 0.0668 273.98) 96.8%, oklch(82.54% 0.0670 275.45) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.969 | 0.011 | 234.8 |
| 2 | 0.889 | 0.037 | 241.8 |
| 3 | 0.808 | 0.062 | 250.8 |
| 4 | 0.825 | 0.067 | 275.5 |

## In these collections

- [Light blue gradients](https://grabient.com/light-blue-gradients)

## Other forms

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