# Monochrome white, light blue and gray linear gradient

Monochrome white, light blue and gray linear gradient with 40 colors: #ffffff, #fdffff, #fafffe, #f8fffe, #f5fffe, #f1fffe, #edffff, #e9ffff, #e6feff, #e3fdff, #e0fcff, #dcfbff, #d7faff, #d1f9ff, #cbf8ff, #c5f6fe, #c1f4fc, #bef1fa, #baeef7, #b6ebf3, #b3e8f0, #b0e5ed, #ade2e9, #aadfe5, #a7dce2, #a5d9df, #a3d6db, #a1d4d8, #9fd1d5, #9eced1, #9dccce, #9cc9ca, #9bc7c7, #9ac4c3, #9ac2c0, #9ac0bd, #99beba, #99bcb8, #99bab6, #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=40&angle=180
- Drawn as: linear gradient, 40 steps, 180 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 | `#fdffff` | `oklch(99.83% 0.0023 186.27)` | Polar Bear in a Blizzard | black, 20.9 to 1 |
| 3 | `#fafffe` | `oklch(99.64% 0.0049 187.52)` | Polar Bear in a Blizzard | black, 20.8 to 1 |
| 4 | `#f8fffe` | `oklch(99.44% 0.0077 189.14)` | Sparkling Snow | black, 20.7 to 1 |
| 5 | `#f5fffe` | `oklch(99.22% 0.0108 191.02)` | Sparkling Snow | black, 20.6 to 1 |
| 6 | `#f1fffe` | `oklch(98.97% 0.0144 193.05)` | Vapour | black, 20.4 to 1 |
| 7 | `#edffff` | `oklch(98.70% 0.0185 195.18)` | Aphrodite’s Pearls | black, 20.3 to 1 |
| 8 | `#e9ffff` | `oklch(98.39% 0.0225 197.26)` | Bubbles | black, 20.2 to 1 |
| 9 | `#e6feff` | `oklch(98.05% 0.0248 199.38)` | Bubbles | black, 20 to 1 |
| 10 | `#e3fdff` | `oklch(97.67% 0.0272 201.40)` | Matterhorn Snow | black, 19.8 to 1 |
| 11 | `#e0fcff` | `oklch(97.24% 0.0300 203.24)` | Matterhorn Snow | black, 19.5 to 1 |
| 12 | `#dcfbff` | `oklch(96.77% 0.0333 204.85)` | Salt Mountain | black, 19.3 to 1 |
| 13 | `#d7faff` | `oklch(96.25% 0.0371 206.15)` | Glacial Day | black, 19 to 1 |
| 14 | `#d1f9ff` | `oklch(95.67% 0.0416 207.09)` | Pale Blue | black, 18.7 to 1 |
| 15 | `#cbf8ff` | `oklch(95.01% 0.0471 207.72)` | Thin Air | black, 18.4 to 1 |
| 16 | `#c5f6fe` | `oklch(94.27% 0.0516 208.16)` | Pale Sky | black, 18 to 1 |
| 17 | `#c1f4fc` | `oklch(93.45% 0.0528 208.40)` | Pale Sky | black, 17.6 to 1 |
| 18 | `#bef1fa` | `oklch(92.58% 0.0537 208.46)` | Northrend | black, 17.1 to 1 |
| 19 | `#baeef7` | `oklch(91.65% 0.0544 208.37)` | Ice Effect | black, 16.6 to 1 |
| 20 | `#b6ebf3` | `oklch(90.69% 0.0549 208.14)` | First of July | black, 16.2 to 1 |
| 21 | `#b3e8f0` | `oklch(89.72% 0.0551 207.78)` | Winter Escape | black, 15.7 to 1 |
| 22 | `#b0e5ed` | `oklch(88.74% 0.0552 207.32)` | Uranus | black, 15.2 to 1 |
| 23 | `#ade2e9` | `oklch(87.76% 0.0551 206.76)` | Powder Blue | black, 14.7 to 1 |
| 24 | `#aadfe5` | `oklch(86.82% 0.0549 206.13)` | Vandermint | black, 14.3 to 1 |
| 25 | `#a7dce2` | `oklch(85.91% 0.0546 205.44)` | Geyser Pool | black, 13.9 to 1 |
| 26 | `#a5d9df` | `oklch(85.05% 0.0542 204.71)` | Crystal | black, 13.5 to 1 |
| 27 | `#a3d6db` | `oklch(84.25% 0.0537 203.94)` | Rapture Blue | black, 13.2 to 1 |
| 28 | `#a1d4d8` | `oklch(83.49% 0.0531 203.05)` | Iced Aqua | black, 12.8 to 1 |
| 29 | `#9fd1d5` | `oklch(82.72% 0.0521 201.93)` | Morning Glory | black, 12.5 to 1 |
| 30 | `#9eced1` | `oklch(81.96% 0.0508 200.63)` | Sea Dew | black, 12.2 to 1 |
| 31 | `#9dccce` | `oklch(81.20% 0.0494 199.20)` | Clear Cove | black, 11.9 to 1 |
| 32 | `#9cc9ca` | `oklch(80.47% 0.0477 197.67)` | Aqua Mist | black, 11.6 to 1 |
| 33 | `#9bc7c7` | `oklch(79.75% 0.0460 196.09)` | Raindrop | black, 11.3 to 1 |
| 34 | `#9ac4c3` | `oklch(79.07% 0.0442 194.50)` | Favourite Sweater | black, 11 to 1 |
| 35 | `#9ac2c0` | `oklch(78.42% 0.0425 192.93)` | Bleu Nattier | black, 10.8 to 1 |
| 36 | `#9ac0bd` | `oklch(77.82% 0.0408 191.44)` | Pitter Patter | black, 10.6 to 1 |
| 37 | `#99beba` | `oklch(77.26% 0.0392 190.06)` | Envisage | black, 10.3 to 1 |
| 38 | `#99bcb8` | `oklch(76.77% 0.0378 188.84)` | Lap Pool Blue | black, 10.2 to 1 |
| 39 | `#99bab6` | `oklch(76.34% 0.0367 187.82)` | Lap Pool Blue | black, 10 to 1 |
| 40 | `#98b9b5` | `oklch(75.98% 0.0358 187.04)` | Teal Tree | black, 9.9 to 1 |

## CSS

```css
background: linear-gradient(180deg, #ffffff 0.0%, #fdffff 2.6%, #fafffe 5.1%, #f8fffe 7.7%, #f5fffe 10.3%, #f1fffe 12.8%, #edffff 15.4%, #e9ffff 17.9%, #e6feff 20.5%, #e3fdff 23.1%, #e0fcff 25.6%, #dcfbff 28.2%, #d7faff 30.8%, #d1f9ff 33.3%, #cbf8ff 35.9%, #c5f6fe 38.5%, #c1f4fc 41.0%, #bef1fa 43.6%, #baeef7 46.2%, #b6ebf3 48.7%, #b3e8f0 51.3%, #b0e5ed 53.8%, #ade2e9 56.4%, #aadfe5 59.0%, #a7dce2 61.5%, #a5d9df 64.1%, #a3d6db 66.7%, #a1d4d8 69.2%, #9fd1d5 71.8%, #9eced1 74.4%, #9dccce 76.9%, #9cc9ca 79.5%, #9bc7c7 82.1%, #9ac4c3 84.6%, #9ac2c0 87.2%, #9ac0bd 89.7%, #99beba 92.3%, #99bcb8 94.9%, #99bab6 97.4%, #98b9b5 100.0%);
background: linear-gradient(180deg in oklch, oklch(100.00% 0.0000 197.09) 0.0%, oklch(99.83% 0.0023 186.27) 2.6%, oklch(99.64% 0.0049 187.52) 5.1%, oklch(99.44% 0.0077 189.14) 7.7%, oklch(99.22% 0.0108 191.02) 10.3%, oklch(98.97% 0.0144 193.05) 12.8%, oklch(98.70% 0.0185 195.18) 15.4%, oklch(98.39% 0.0225 197.26) 17.9%, oklch(98.05% 0.0248 199.38) 20.5%, oklch(97.67% 0.0272 201.40) 23.1%, oklch(97.24% 0.0300 203.24) 25.6%, oklch(96.77% 0.0333 204.85) 28.2%, oklch(96.25% 0.0371 206.15) 30.8%, oklch(95.67% 0.0416 207.09) 33.3%, oklch(95.01% 0.0471 207.72) 35.9%, oklch(94.27% 0.0516 208.16) 38.5%, oklch(93.45% 0.0528 208.40) 41.0%, oklch(92.58% 0.0537 208.46) 43.6%, oklch(91.65% 0.0544 208.37) 46.2%, oklch(90.69% 0.0549 208.14) 48.7%, oklch(89.72% 0.0551 207.78) 51.3%, oklch(88.74% 0.0552 207.32) 53.8%, oklch(87.76% 0.0551 206.76) 56.4%, oklch(86.82% 0.0549 206.13) 59.0%, oklch(85.91% 0.0546 205.44) 61.5%, oklch(85.05% 0.0542 204.71) 64.1%, oklch(84.25% 0.0537 203.94) 66.7%, oklch(83.49% 0.0531 203.05) 69.2%, oklch(82.72% 0.0521 201.93) 71.8%, oklch(81.96% 0.0508 200.63) 74.4%, oklch(81.20% 0.0494 199.20) 76.9%, oklch(80.47% 0.0477 197.67) 79.5%, oklch(79.75% 0.0460 196.09) 82.1%, oklch(79.07% 0.0442 194.50) 84.6%, oklch(78.42% 0.0425 192.93) 87.2%, oklch(77.82% 0.0408 191.44) 89.7%, oklch(77.26% 0.0392 190.06) 92.3%, oklch(76.77% 0.0378 188.84) 94.9%, oklch(76.34% 0.0367 187.82) 97.4%, 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

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

## Other forms

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