# Monochrome white, light blue and gray linear gradient

Monochrome white, light blue and gray linear gradient with 32 colors: #ffffff, #fcffff, #f9fffe, #f5fffe, #f1fffe, #ecffff, #e8feff, #e4fdff, #dffcff, #dafbff, #d4faff, #ccf8ff, #c4f6fe, #c0f3fb, #bbeff8, #b7ecf4, #b3e8f0, #afe4eb, #abe0e7, #a7dce2, #a4d8de, #a2d5da, #a0d2d6, #9ecfd1, #9ccbcd, #9bc8c8, #9bc5c4, #9ac2c0, #99bfbc, #99bdb9, #99bbb7, #98b9b5. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kU_gGD-ZHCmsTv5gjT3g`
- Page: https://grabient.com/kU_gGD-ZHCmsTv5gjT3g?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: pastel, light, cool, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.1 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 | `#ffffff` | `oklch(100.00% 0.0000 197.09)` | White | black, 20.9 to 1 |
| 2 | `#fcffff` | `oklch(99.78% 0.0030 186.54)` | Polar Bear in a Blizzard | black, 20.8 to 1 |
| 3 | `#f9fffe` | `oklch(99.54% 0.0063 188.32)` | Polar Bear in a Blizzard | black, 20.7 to 1 |
| 4 | `#f5fffe` | `oklch(99.27% 0.0101 190.58)` | Sparkling Snow | black, 20.6 to 1 |
| 5 | `#f1fffe` | `oklch(98.96% 0.0145 193.12)` | Vapour | black, 20.4 to 1 |
| 6 | `#ecffff` | `oklch(98.61% 0.0198 195.80)` | Aphrodite’s Pearls | black, 20.3 to 1 |
| 7 | `#e8feff` | `oklch(98.21% 0.0237 198.43)` | Bubbles | black, 20.1 to 1 |
| 8 | `#e4fdff` | `oklch(97.74% 0.0267 201.02)` | Bubbles | black, 19.8 to 1 |
| 9 | `#dffcff` | `oklch(97.21% 0.0302 203.35)` | Matterhorn Snow | black, 19.5 to 1 |
| 10 | `#dafbff` | `oklch(96.61% 0.0344 205.31)` | Salt Mountain | black, 19.2 to 1 |
| 11 | `#d4faff` | `oklch(95.92% 0.0396 206.75)` | Pale Blue | black, 18.8 to 1 |
| 12 | `#ccf8ff` | `oklch(95.13% 0.0461 207.63)` | Thin Air | black, 18.4 to 1 |
| 13 | `#c4f6fe` | `oklch(94.20% 0.0517 208.19)` | Pale Sky | black, 18 to 1 |
| 14 | `#c0f3fb` | `oklch(93.15% 0.0532 208.44)` | Pale Sky | black, 17.4 to 1 |
| 15 | `#bbeff8` | `oklch(92.01% 0.0542 208.42)` | Northrend | black, 16.8 to 1 |
| 16 | `#b7ecf4` | `oklch(90.82% 0.0548 208.17)` | Cold Blooded | black, 16.2 to 1 |
| 17 | `#b3e8f0` | `oklch(89.59% 0.0552 207.73)` | Winter Escape | black, 15.6 to 1 |
| 18 | `#afe4eb` | `oklch(88.36% 0.0552 207.11)` | Uranus | black, 15 to 1 |
| 19 | `#abe0e7` | `oklch(87.15% 0.0550 206.36)` | Opal | black, 14.5 to 1 |
| 20 | `#a7dce2` | `oklch(85.99% 0.0546 205.51)` | Geyser Pool | black, 13.9 to 1 |
| 21 | `#a4d8de` | `oklch(84.91% 0.0541 204.59)` | Crystal | black, 13.5 to 1 |
| 22 | `#a2d5da` | `oklch(83.93% 0.0535 203.60)` | Midwinter Mist | black, 13 to 1 |
| 23 | `#a0d2d6` | `oklch(82.97% 0.0524 202.31)` | Morning Glory | black, 12.6 to 1 |
| 24 | `#9ecfd1` | `oklch(82.01% 0.0509 200.72)` | Morning Glory | black, 12.2 to 1 |
| 25 | `#9ccbcd` | `oklch(81.06% 0.0491 198.91)` | Aqua Mist | black, 11.8 to 1 |
| 26 | `#9bc8c8` | `oklch(80.14% 0.0470 196.96)` | Raindrop | black, 11.5 to 1 |
| 27 | `#9bc5c4` | `oklch(79.26% 0.0448 194.96)` | Pastel Turquoise | black, 11.1 to 1 |
| 28 | `#9ac2c0` | `oklch(78.44% 0.0425 192.98)` | Bleu Nattier | black, 10.8 to 1 |
| 29 | `#99bfbc` | `oklch(77.69% 0.0404 191.12)` | Envisage | black, 10.5 to 1 |
| 30 | `#99bdb9` | `oklch(77.02% 0.0385 189.45)` | Lap Pool Blue | black, 10.3 to 1 |
| 31 | `#99bbb7` | `oklch(76.44% 0.0370 188.06)` | Lap Pool Blue | black, 10 to 1 |
| 32 | `#98b9b5` | `oklch(75.98% 0.0358 187.04)` | Teal Tree | black, 9.9 to 1 |

## CSS

```css
background: linear-gradient(90deg, #ffffff 0.0%, #fcffff 3.2%, #f9fffe 6.5%, #f5fffe 9.7%, #f1fffe 12.9%, #ecffff 16.1%, #e8feff 19.4%, #e4fdff 22.6%, #dffcff 25.8%, #dafbff 29.0%, #d4faff 32.3%, #ccf8ff 35.5%, #c4f6fe 38.7%, #c0f3fb 41.9%, #bbeff8 45.2%, #b7ecf4 48.4%, #b3e8f0 51.6%, #afe4eb 54.8%, #abe0e7 58.1%, #a7dce2 61.3%, #a4d8de 64.5%, #a2d5da 67.7%, #a0d2d6 71.0%, #9ecfd1 74.2%, #9ccbcd 77.4%, #9bc8c8 80.6%, #9bc5c4 83.9%, #9ac2c0 87.1%, #99bfbc 90.3%, #99bdb9 93.5%, #99bbb7 96.8%, #98b9b5 100.0%);
background: linear-gradient(90deg in oklch, oklch(100.00% 0.0000 197.09) 0.0%, oklch(99.78% 0.0030 186.54) 3.2%, oklch(99.54% 0.0063 188.32) 6.5%, oklch(99.27% 0.0101 190.58) 9.7%, oklch(98.96% 0.0145 193.12) 12.9%, oklch(98.61% 0.0198 195.80) 16.1%, oklch(98.21% 0.0237 198.43) 19.4%, oklch(97.74% 0.0267 201.02) 22.6%, oklch(97.21% 0.0302 203.35) 25.8%, oklch(96.61% 0.0344 205.31) 29.0%, oklch(95.92% 0.0396 206.75) 32.3%, oklch(95.13% 0.0461 207.63) 35.5%, oklch(94.20% 0.0517 208.19) 38.7%, oklch(93.15% 0.0532 208.44) 41.9%, oklch(92.01% 0.0542 208.42) 45.2%, oklch(90.82% 0.0548 208.17) 48.4%, oklch(89.59% 0.0552 207.73) 51.6%, oklch(88.36% 0.0552 207.11) 54.8%, oklch(87.15% 0.0550 206.36) 58.1%, oklch(85.99% 0.0546 205.51) 61.3%, oklch(84.91% 0.0541 204.59) 64.5%, oklch(83.93% 0.0535 203.60) 67.7%, oklch(82.97% 0.0524 202.31) 71.0%, oklch(82.01% 0.0509 200.72) 74.2%, oklch(81.06% 0.0491 198.91) 77.4%, oklch(80.14% 0.0470 196.96) 80.6%, oklch(79.26% 0.0448 194.96) 83.9%, oklch(78.44% 0.0425 192.98) 87.1%, oklch(77.69% 0.0404 191.12) 90.3%, oklch(77.02% 0.0385 189.45) 93.5%, oklch(76.44% 0.0370 188.06) 96.8%, oklch(75.98% 0.0358 187.04) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 1 | 0.001 | 184.9 |
| 2 | 0.957 | 0.048 | 207.1 |
| 3 | 0.843 | 0.054 | 203.9 |
| 4 | 0.76 | 0.036 | 187 |

## In these collections

- [Ice gradients](https://grabient.com/ice-gradients)
- [Cyan gradients](https://grabient.com/cyan-gradients)
- [Teal gradients](https://grabient.com/teal-gradients)
- [Ocean swatches](https://grabient.com/ocean-swatches)
- [Coastal gradients](https://grabient.com/coastal-gradients)

## Other forms

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