# Ice to sky blue

Pastel monochrome blue linear gradient with 32 colors: #e8f4fd, #e7f3fd, #e5f2fd, #e3f2fd, #e0f1fd, #deeffd, #dbeefd, #d9edfd, #d6ebfd, #d3eafc, #d0e9fc, #cde7fc, #cae5fc, #c6e4fc, #c3e2fb, #c0e1fb, #bedffb, #badefa, #b7dcfa, #b4daf9, #b0d8f9, #acd6f8, #a9d4f7, #a5d2f7, #a1d0f6, #9ecef5, #9bccf5, #97caf4, #95c9f3, #92c7f3, #90c6f2, #8ec5f2. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Pastel monochrome blue linear gradient
- Seed: `kCej0_W_4PsY7F8g`
- Page: https://grabient.com/kCej0_W_4PsY7F8g?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: pastel, light, cool, monochrome
- Hues: monochromatic
- 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 | `#e8f4fd` | `oklch(96.08% 0.0176 239.99)` | Moon White | black, 18.7 to 1 |
| 2 | `#e7f3fd` | `oklch(95.83% 0.0188 240.10)` | Moon White | black, 18.6 to 1 |
| 3 | `#e5f2fd` | `oklch(95.54% 0.0203 240.25)` | Cotton Boll | black, 18.4 to 1 |
| 4 | `#e3f2fd` | `oklch(95.21% 0.0219 240.41)` | Wizard White | black, 18.3 to 1 |
| 5 | `#e0f1fd` | `oklch(94.84% 0.0238 240.60)` | Wizard White | black, 18.1 to 1 |
| 6 | `#deeffd` | `oklch(94.43% 0.0259 240.81)` | Calcareous Sinter | black, 17.9 to 1 |
| 7 | `#dbeefd` | `oklch(94.00% 0.0281 241.03)` | Calcareous Sinter | black, 17.6 to 1 |
| 8 | `#d9edfd` | `oklch(93.54% 0.0304 241.26)` | Hoarfrost | black, 17.4 to 1 |
| 9 | `#d6ebfd` | `oklch(93.06% 0.0328 241.49)` | Cloudless | black, 17.1 to 1 |
| 10 | `#d3eafc` | `oklch(92.56% 0.0352 241.72)` | Cloudless | black, 16.9 to 1 |
| 11 | `#d0e9fc` | `oklch(92.04% 0.0377 241.96)` | Veiling Waterfalls | black, 16.6 to 1 |
| 12 | `#cde7fc` | `oklch(91.52% 0.0403 242.18)` | Veiling Waterfalls | black, 16.4 to 1 |
| 13 | `#cae5fc` | `oklch(90.99% 0.0428 242.39)` | Fresh Water | black, 16.1 to 1 |
| 14 | `#c6e4fc` | `oklch(90.46% 0.0452 242.59)` | Fresh Water | black, 15.8 to 1 |
| 15 | `#c3e2fb` | `oklch(89.93% 0.0476 242.76)` | Fresh Water | black, 15.6 to 1 |
| 16 | `#c0e1fb` | `oklch(89.41% 0.0500 242.91)` | Dithered Sky | black, 15.3 to 1 |
| 17 | `#bedffb` | `oklch(88.89% 0.0522 243.04)` | Dithered Sky | black, 15.1 to 1 |
| 18 | `#badefa` | `oklch(88.32% 0.0545 243.15)` | Arctic Paradise | black, 14.8 to 1 |
| 19 | `#b7dcfa` | `oklch(87.72% 0.0570 243.24)` | Oh Boy! | black, 14.6 to 1 |
| 20 | `#b4daf9` | `oklch(87.08% 0.0595 243.33)` | Endless Horizon | black, 14.3 to 1 |
| 21 | `#b0d8f9` | `oklch(86.43% 0.0621 243.40)` | Blue Rice | black, 14 to 1 |
| 22 | `#acd6f8` | `oklch(85.75% 0.0648 243.47)` | Malmö FF | black, 13.7 to 1 |
| 23 | `#a9d4f7` | `oklch(85.07% 0.0674 243.52)` | Malmö FF | black, 13.4 to 1 |
| 24 | `#a5d2f7` | `oklch(84.40% 0.0700 243.57)` | Juzcar Blue | black, 13.1 to 1 |
| 25 | `#a1d0f6` | `oklch(83.73% 0.0725 243.62)` | Baby Blue | black, 12.8 to 1 |
| 26 | `#9ecef5` | `oklch(83.09% 0.0749 243.65)` | Baby Blue Eyes | black, 12.5 to 1 |
| 27 | `#9bccf5` | `oklch(82.48% 0.0772 243.68)` | Baby Blue Eyes | black, 12.3 to 1 |
| 28 | `#97caf4` | `oklch(81.90% 0.0794 243.71)` | Honolulu | black, 12.1 to 1 |
| 29 | `#95c9f3` | `oklch(81.38% 0.0814 243.74)` | Honolulu | black, 11.8 to 1 |
| 30 | `#92c7f3` | `oklch(80.91% 0.0831 243.77)` | Sail to the Sea | black, 11.7 to 1 |
| 31 | `#90c6f2` | `oklch(80.50% 0.0847 243.79)` | Sail to the Sea | black, 11.5 to 1 |
| 32 | `#8ec5f2` | `oklch(80.17% 0.0859 243.82)` | Wasurenagusa Blue | black, 11.4 to 1 |

## CSS

```css
background: linear-gradient(135deg, #e8f4fd 0.0%, #e7f3fd 3.2%, #e5f2fd 6.5%, #e3f2fd 9.7%, #e0f1fd 12.9%, #deeffd 16.1%, #dbeefd 19.4%, #d9edfd 22.6%, #d6ebfd 25.8%, #d3eafc 29.0%, #d0e9fc 32.3%, #cde7fc 35.5%, #cae5fc 38.7%, #c6e4fc 41.9%, #c3e2fb 45.2%, #c0e1fb 48.4%, #bedffb 51.6%, #badefa 54.8%, #b7dcfa 58.1%, #b4daf9 61.3%, #b0d8f9 64.5%, #acd6f8 67.7%, #a9d4f7 71.0%, #a5d2f7 74.2%, #a1d0f6 77.4%, #9ecef5 80.6%, #9bccf5 83.9%, #97caf4 87.1%, #95c9f3 90.3%, #92c7f3 93.5%, #90c6f2 96.8%, #8ec5f2 100.0%);
background: linear-gradient(135deg in oklch, oklch(96.08% 0.0176 239.99) 0.0%, oklch(95.83% 0.0188 240.10) 3.2%, oklch(95.54% 0.0203 240.25) 6.5%, oklch(95.21% 0.0219 240.41) 9.7%, oklch(94.84% 0.0238 240.60) 12.9%, oklch(94.43% 0.0259 240.81) 16.1%, oklch(94.00% 0.0281 241.03) 19.4%, oklch(93.54% 0.0304 241.26) 22.6%, oklch(93.06% 0.0328 241.49) 25.8%, oklch(92.56% 0.0352 241.72) 29.0%, oklch(92.04% 0.0377 241.96) 32.3%, oklch(91.52% 0.0403 242.18) 35.5%, oklch(90.99% 0.0428 242.39) 38.7%, oklch(90.46% 0.0452 242.59) 41.9%, oklch(89.93% 0.0476 242.76) 45.2%, oklch(89.41% 0.0500 242.91) 48.4%, oklch(88.89% 0.0522 243.04) 51.6%, oklch(88.32% 0.0545 243.15) 54.8%, oklch(87.72% 0.0570 243.24) 58.1%, oklch(87.08% 0.0595 243.33) 61.3%, oklch(86.43% 0.0621 243.40) 64.5%, oklch(85.75% 0.0648 243.47) 67.7%, oklch(85.07% 0.0674 243.52) 71.0%, oklch(84.40% 0.0700 243.57) 74.2%, oklch(83.73% 0.0725 243.62) 77.4%, oklch(83.09% 0.0749 243.65) 80.6%, oklch(82.48% 0.0772 243.68) 83.9%, oklch(81.90% 0.0794 243.71) 87.1%, oklch(81.38% 0.0814 243.74) 90.3%, oklch(80.91% 0.0831 243.77) 93.5%, oklch(80.50% 0.0847 243.79) 96.8%, oklch(80.17% 0.0859 243.82) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.961 | 0.018 | 240 |
| 2 | 0.892 | 0.051 | 243 |
| 3 | 0.802 | 0.086 | 243.8 |

## In these collections

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

## Other forms

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