# Powder blue

Pastel monochrome blue linear gradient with 32 colors: #cfe8ef, #cee7ef, #cce7ef, #cae6ee, #c8e5ee, #c5e5ee, #c3e4ee, #c0e3ee, #bde2ee, #bbe1ed, #b8e0ed, #b5deed, #b2ddec, #afdcec, #acdaeb, #a9d9ea, #a7d7ea, #a4d5e9, #a1d3e7, #9ed1e6, #9bcfe5, #98cde3, #94cae2, #91c8e0, #8ec5de, #8cc3dd, #89c1db, #86beda, #84bcd9, #82bbd8, #80b9d7, #7fb8d6. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Pastel monochrome blue linear gradient
- Seed: `kCc_o72o2OoX-41g`
- Page: https://grabient.com/kCc_o72o2OoX-41g?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 | `#cfe8ef` | `oklch(91.48% 0.0281 216.41)` | On Thin Ice | black, 16.4 to 1 |
| 2 | `#cee7ef` | `oklch(91.27% 0.0291 216.64)` | On Thin Ice | black, 16.3 to 1 |
| 3 | `#cce7ef` | `oklch(91.02% 0.0304 216.91)` | Ethereal Mood | black, 16.2 to 1 |
| 4 | `#cae6ee` | `oklch(90.75% 0.0319 217.21)` | Sapphireberry | black, 16 to 1 |
| 5 | `#c8e5ee` | `oklch(90.45% 0.0335 217.55)` | Sapphireberry | black, 15.9 to 1 |
| 6 | `#c5e5ee` | `oklch(90.12% 0.0353 217.92)` | Surf’s Up | black, 15.7 to 1 |
| 7 | `#c3e4ee` | `oklch(89.77% 0.0372 218.32)` | Skylark | black, 15.6 to 1 |
| 8 | `#c0e3ee` | `oklch(89.39% 0.0393 218.74)` | Skylark | black, 15.4 to 1 |
| 9 | `#bde2ee` | `oklch(88.99% 0.0413 219.18)` | Diminished Blue | black, 15.2 to 1 |
| 10 | `#bbe1ed` | `oklch(88.57% 0.0434 219.64)` | Diminished Blue | black, 15 to 1 |
| 11 | `#b8e0ed` | `oklch(88.13% 0.0455 220.11)` | Polar Wind | black, 14.8 to 1 |
| 12 | `#b5deed` | `oklch(87.67% 0.0476 220.60)` | Polar Wind | black, 14.6 to 1 |
| 13 | `#b2ddec` | `oklch(87.20% 0.0496 221.09)` | Bright and Breezy | black, 14.4 to 1 |
| 14 | `#afdcec` | `oklch(86.71% 0.0515 221.60)` | Lady-In-Waiting | black, 14.2 to 1 |
| 15 | `#acdaeb` | `oklch(86.22% 0.0533 222.10)` | Blue Feather | black, 14 to 1 |
| 16 | `#a9d9ea` | `oklch(85.71% 0.0550 222.61)` | Blue Click | black, 13.7 to 1 |
| 17 | `#a7d7ea` | `oklch(85.18% 0.0564 223.12)` | Blue Bubble | black, 13.5 to 1 |
| 18 | `#a4d5e9` | `oklch(84.59% 0.0579 223.67)` | Laissez-Faire | black, 13.3 to 1 |
| 19 | `#a1d3e7` | `oklch(83.95% 0.0593 224.27)` | Laissez-Faire | black, 13 to 1 |
| 20 | `#9ed1e6` | `oklch(83.26% 0.0607 224.91)` | Light Delphin | black, 12.7 to 1 |
| 21 | `#9bcfe5` | `oklch(82.53% 0.0621 225.58)` | Light Whimsy | black, 12.4 to 1 |
| 22 | `#98cde3` | `oklch(81.78% 0.0634 226.26)` | Spring Tide | black, 12.1 to 1 |
| 23 | `#94cae2` | `oklch(81.01% 0.0647 226.95)` | Medical Mask | black, 11.8 to 1 |
| 24 | `#91c8e0` | `oklch(80.24% 0.0659 227.64)` | Gossamer Threads | black, 11.5 to 1 |
| 25 | `#8ec5de` | `oklch(79.49% 0.0671 228.32)` | Sky Fall | black, 11.2 to 1 |
| 26 | `#8cc3dd` | `oklch(78.75% 0.0682 228.98)` | Club Cruise | black, 10.9 to 1 |
| 27 | `#89c1db` | `oklch(78.05% 0.0693 229.61)` | Sky Babe | black, 10.6 to 1 |
| 28 | `#86beda` | `oklch(77.39% 0.0702 230.19)` | High Elf Blue | black, 10.4 to 1 |
| 29 | `#84bcd9` | `oklch(76.78% 0.0711 230.73)` | Frozen Whisper | black, 10.2 to 1 |
| 30 | `#82bbd8` | `oklch(76.25% 0.0719 231.21)` | Petit Four | black, 10 to 1 |
| 31 | `#80b9d7` | `oklch(75.78% 0.0727 231.63)` | 21st Century Blue | black, 9.8 to 1 |
| 32 | `#7fb8d6` | `oklch(75.41% 0.0733 231.96)` | Coastal Waters | black, 9.7 to 1 |

## CSS

```css
background: linear-gradient(135deg, #cfe8ef 0.0%, #cee7ef 3.2%, #cce7ef 6.5%, #cae6ee 9.7%, #c8e5ee 12.9%, #c5e5ee 16.1%, #c3e4ee 19.4%, #c0e3ee 22.6%, #bde2ee 25.8%, #bbe1ed 29.0%, #b8e0ed 32.3%, #b5deed 35.5%, #b2ddec 38.7%, #afdcec 41.9%, #acdaeb 45.2%, #a9d9ea 48.4%, #a7d7ea 51.6%, #a4d5e9 54.8%, #a1d3e7 58.1%, #9ed1e6 61.3%, #9bcfe5 64.5%, #98cde3 67.7%, #94cae2 71.0%, #91c8e0 74.2%, #8ec5de 77.4%, #8cc3dd 80.6%, #89c1db 83.9%, #86beda 87.1%, #84bcd9 90.3%, #82bbd8 93.5%, #80b9d7 96.8%, #7fb8d6 100.0%);
background: linear-gradient(135deg in oklch, oklch(91.48% 0.0281 216.41) 0.0%, oklch(91.27% 0.0291 216.64) 3.2%, oklch(91.02% 0.0304 216.91) 6.5%, oklch(90.75% 0.0319 217.21) 9.7%, oklch(90.45% 0.0335 217.55) 12.9%, oklch(90.12% 0.0353 217.92) 16.1%, oklch(89.77% 0.0372 218.32) 19.4%, oklch(89.39% 0.0393 218.74) 22.6%, oklch(88.99% 0.0413 219.18) 25.8%, oklch(88.57% 0.0434 219.64) 29.0%, oklch(88.13% 0.0455 220.11) 32.3%, oklch(87.67% 0.0476 220.60) 35.5%, oklch(87.20% 0.0496 221.09) 38.7%, oklch(86.71% 0.0515 221.60) 41.9%, oklch(86.22% 0.0533 222.10) 45.2%, oklch(85.71% 0.0550 222.61) 48.4%, oklch(85.18% 0.0564 223.12) 51.6%, oklch(84.59% 0.0579 223.67) 54.8%, oklch(83.95% 0.0593 224.27) 58.1%, oklch(83.26% 0.0607 224.91) 61.3%, oklch(82.53% 0.0621 225.58) 64.5%, oklch(81.78% 0.0634 226.26) 67.7%, oklch(81.01% 0.0647 226.95) 71.0%, oklch(80.24% 0.0659 227.64) 74.2%, oklch(79.49% 0.0671 228.32) 77.4%, oklch(78.75% 0.0682 228.98) 80.6%, oklch(78.05% 0.0693 229.61) 83.9%, oklch(77.39% 0.0702 230.19) 87.1%, oklch(76.78% 0.0711 230.73) 90.3%, oklch(76.25% 0.0719 231.21) 93.5%, oklch(75.78% 0.0727 231.63) 96.8%, oklch(75.41% 0.0733 231.96) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.915 | 0.028 | 216.4 |
| 2 | 0.854 | 0.056 | 222.9 |
| 3 | 0.754 | 0.073 | 232 |

## In these collections

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

## Other forms

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