# Blue color palette

Pastel monochrome blue linear gradient with 32 colors: #e1f1fa, #e0f0fa, #deeff9, #dcedf8, #daecf7, #d7eaf6, #d5e8f4, #d2e6f3, #cfe4f2, #cce2f0, #c9e0ef, #c6deee, #c3dcec, #c0daeb, #bdd8ea, #bad6e9, #b8d4e7, #b5d2e6, #b2d0e5, #b0cee4, #adcce3, #aacae2, #a7c8e1, #a4c6df, #a1c4de, #9fc3dd, #9cc1dc, #9abfdb, #98bedb, #96bcda, #95bbd9, #93bad9. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Pastel monochrome blue linear gradient
- Seed: `kS8Q-nbQ7AWIWQG`
- Page: https://grabient.com/kS8Q-nbQ7AWIWQG?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: pastel, light, cool, monochrome
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 1.7 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 | `#e1f1fa` | `oklch(94.88% 0.0207 234.84)` | Wizard White | black, 18.1 to 1 |
| 2 | `#e0f0fa` | `oklch(94.55% 0.0214 234.96)` | Wizard White | black, 17.9 to 1 |
| 3 | `#deeff9` | `oklch(94.15% 0.0222 235.09)` | Wizard White | black, 17.7 to 1 |
| 4 | `#dcedf8` | `oklch(93.69% 0.0232 235.24)` | Ice Fishing | black, 17.5 to 1 |
| 5 | `#daecf7` | `oklch(93.18% 0.0242 235.41)` | Ice Fishing | black, 17.2 to 1 |
| 6 | `#d7eaf6` | `oklch(92.62% 0.0254 235.59)` | Celestial Cathedral | black, 16.9 to 1 |
| 7 | `#d5e8f4` | `oklch(92.02% 0.0267 235.79)` | Freezing Vapour | black, 16.6 to 1 |
| 8 | `#d2e6f3` | `oklch(91.39% 0.0280 236.00)` | New Heights | black, 16.3 to 1 |
| 9 | `#cfe4f2` | `oklch(90.73% 0.0294 236.22)` | New Heights | black, 16 to 1 |
| 10 | `#cce2f0` | `oklch(90.06% 0.0308 236.45)` | Dwindling Denim | black, 15.6 to 1 |
| 11 | `#c9e0ef` | `oklch(89.38% 0.0322 236.68)` | Pale Frost | black, 15.3 to 1 |
| 12 | `#c6deee` | `oklch(88.70% 0.0337 236.92)` | Empress Lila | black, 15 to 1 |
| 13 | `#c3dcec` | `oklch(88.02% 0.0351 237.16)` | Island View | black, 14.7 to 1 |
| 14 | `#c0daeb` | `oklch(87.36% 0.0366 237.41)` | Algodon Azul | black, 14.4 to 1 |
| 15 | `#bdd8ea` | `oklch(86.73% 0.0380 237.65)` | First Rain | black, 14.1 to 1 |
| 16 | `#bad6e9` | `oklch(86.12% 0.0393 237.89)` | Light Template | black, 13.8 to 1 |
| 17 | `#b8d4e7` | `oklch(85.54% 0.0406 238.14)` | Light Sea Cliff | black, 13.6 to 1 |
| 18 | `#b5d2e6` | `oklch(84.94% 0.0420 238.40)` | Delicate Ice | black, 13.3 to 1 |
| 19 | `#b2d0e5` | `oklch(84.31% 0.0434 238.68)` | Chapel Blue | black, 13 to 1 |
| 20 | `#b0cee4` | `oklch(83.67% 0.0449 238.98)` | Charted | black, 12.8 to 1 |
| 21 | `#adcce3` | `oklch(83.02% 0.0465 239.29)` | Frosty Snow Cap | black, 12.5 to 1 |
| 22 | `#aacae2` | `oklch(82.37% 0.0480 239.61)` | Template | black, 12.2 to 1 |
| 23 | `#a7c8e1` | `oklch(81.72% 0.0496 239.93)` | Template | black, 12 to 1 |
| 24 | `#a4c6df` | `oklch(81.09% 0.0511 240.25)` | Sea Cliff | black, 11.7 to 1 |
| 25 | `#a1c4de` | `oklch(80.47% 0.0526 240.56)` | Metal Gear | black, 11.5 to 1 |
| 26 | `#9fc3dd` | `oklch(79.87% 0.0541 240.86)` | Metal Gear | black, 11.2 to 1 |
| 27 | `#9cc1dc` | `oklch(79.30% 0.0554 241.15)` | Charismatic Sky | black, 11 to 1 |
| 28 | `#9abfdb` | `oklch(78.78% 0.0567 241.42)` | Blue Magpie | black, 10.8 to 1 |
| 29 | `#98bedb` | `oklch(78.29% 0.0579 241.67)` | Sleeping Easy | black, 10.6 to 1 |
| 30 | `#96bcda` | `oklch(77.86% 0.0590 241.89)` | Manakin | black, 10.5 to 1 |
| 31 | `#95bbd9` | `oklch(77.48% 0.0599 242.09)` | Manakin | black, 10.3 to 1 |
| 32 | `#93bad9` | `oklch(77.17% 0.0606 242.24)` | Manakin | black, 10.2 to 1 |

## CSS

```css
background: linear-gradient(90deg, #e1f1fa 0.0%, #e0f0fa 3.2%, #deeff9 6.5%, #dcedf8 9.7%, #daecf7 12.9%, #d7eaf6 16.1%, #d5e8f4 19.4%, #d2e6f3 22.6%, #cfe4f2 25.8%, #cce2f0 29.0%, #c9e0ef 32.3%, #c6deee 35.5%, #c3dcec 38.7%, #c0daeb 41.9%, #bdd8ea 45.2%, #bad6e9 48.4%, #b8d4e7 51.6%, #b5d2e6 54.8%, #b2d0e5 58.1%, #b0cee4 61.3%, #adcce3 64.5%, #aacae2 67.7%, #a7c8e1 71.0%, #a4c6df 74.2%, #a1c4de 77.4%, #9fc3dd 80.6%, #9cc1dc 83.9%, #9abfdb 87.1%, #98bedb 90.3%, #96bcda 93.5%, #95bbd9 96.8%, #93bad9 100.0%);
background: linear-gradient(90deg in oklch, oklch(94.88% 0.0207 234.84) 0.0%, oklch(94.55% 0.0214 234.96) 3.2%, oklch(94.15% 0.0222 235.09) 6.5%, oklch(93.69% 0.0232 235.24) 9.7%, oklch(93.18% 0.0242 235.41) 12.9%, oklch(92.62% 0.0254 235.59) 16.1%, oklch(92.02% 0.0267 235.79) 19.4%, oklch(91.39% 0.0280 236.00) 22.6%, oklch(90.73% 0.0294 236.22) 25.8%, oklch(90.06% 0.0308 236.45) 29.0%, oklch(89.38% 0.0322 236.68) 32.3%, oklch(88.70% 0.0337 236.92) 35.5%, oklch(88.02% 0.0351 237.16) 38.7%, oklch(87.36% 0.0366 237.41) 41.9%, oklch(86.73% 0.0380 237.65) 45.2%, oklch(86.12% 0.0393 237.89) 48.4%, oklch(85.54% 0.0406 238.14) 51.6%, oklch(84.94% 0.0420 238.40) 54.8%, oklch(84.31% 0.0434 238.68) 58.1%, oklch(83.67% 0.0449 238.98) 61.3%, oklch(83.02% 0.0465 239.29) 64.5%, oklch(82.37% 0.0480 239.61) 67.7%, oklch(81.72% 0.0496 239.93) 71.0%, oklch(81.09% 0.0511 240.25) 74.2%, oklch(80.47% 0.0526 240.56) 77.4%, oklch(79.87% 0.0541 240.86) 80.6%, oklch(79.30% 0.0554 241.15) 83.9%, oklch(78.78% 0.0567 241.42) 87.1%, oklch(78.29% 0.0579 241.67) 90.3%, oklch(77.86% 0.0590 241.89) 93.5%, oklch(77.48% 0.0599 242.09) 96.8%, oklch(77.17% 0.0606 242.24) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.949 | 0.021 | 234.8 |
| 2 | 0.858 | 0.04 | 238 |
| 3 | 0.772 | 0.061 | 242.2 |

## In these collections

- [Monochrome blue gradients](https://grabient.com/monochrome-blue-gradients)

## Other forms

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