# White, light blue and gray radial gradient

White, light blue and gray radial gradient with 32 colors: #f9fefc, #f8fdfb, #f8fdfa, #f7fcfa, #f6fbf9, #f4fbf8, #f3faf7, #f2f9f6, #f0f8f5, #eff7f4, #edf6f3, #ebf5f2, #eaf4f1, #e8f3f0, #e6f2ef, #e4f1ee, #e2efed, #e0eeec, #deedea, #dcebe9, #d9eae8, #d7e8e6, #d4e6e5, #d1e4e4, #cfe3e3, #cce1e1, #cae0e0, #c8dedf, #c6dddf, #c4dbde, #c3dadd, #c1dadd. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kS_AR2eAVB26Jws`
- Page: https://grabient.com/kS_AR2eAVB26Jws?style=radialGradient&steps=32&angle=135
- Drawn as: radial gradient, 32 steps, 135 degrees
- Kinds: neutral, light
- Hues: achromatic
- Contrast of its darkest and lightest colors: 1.4 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 | `#f9fefc` | `oklch(99.21% 0.0055 165.94)` | Emptiness | black, 20.5 to 1 |
| 2 | `#f8fdfb` | `oklch(99.05% 0.0058 166.50)` | Everlasting Ice | black, 20.4 to 1 |
| 3 | `#f8fdfa` | `oklch(98.85% 0.0061 167.15)` | Everlasting Ice | black, 20.3 to 1 |
| 4 | `#f7fcfa` | `oklch(98.64% 0.0065 167.88)` | Everlasting Ice | black, 20.2 to 1 |
| 5 | `#f6fbf9` | `oklch(98.40% 0.0070 168.69)` | White Porcelain | black, 20.1 to 1 |
| 6 | `#f4fbf8` | `oklch(98.14% 0.0074 169.58)` | White Porcelain | black, 19.9 to 1 |
| 7 | `#f3faf7` | `oklch(97.85% 0.0079 170.53)` | Whitest White | black, 19.7 to 1 |
| 8 | `#f2f9f6` | `oklch(97.55% 0.0085 171.55)` | Distant Horizon | black, 19.6 to 1 |
| 9 | `#f0f8f5` | `oklch(97.24% 0.0090 172.62)` | Aijiro White | black, 19.4 to 1 |
| 10 | `#eff7f4` | `oklch(96.91% 0.0096 173.73)` | Aijiro White | black, 19.2 to 1 |
| 11 | `#edf6f3` | `oklch(96.56% 0.0102 174.90)` | Heavy Sugar | black, 19 to 1 |
| 12 | `#ebf5f2` | `oklch(96.20% 0.0108 176.09)` | Shiroi White | black, 18.8 to 1 |
| 13 | `#eaf4f1` | `oklch(95.83% 0.0115 177.32)` | Shiroi White | black, 18.6 to 1 |
| 14 | `#e8f3f0` | `oklch(95.46% 0.0121 178.58)` | Warp Drive | black, 18.4 to 1 |
| 15 | `#e6f2ef` | `oklch(95.07% 0.0128 179.85)` | Aqua Tint | black, 18.2 to 1 |
| 16 | `#e4f1ee` | `oklch(94.68% 0.0134 181.14)` | Aqua Tint | black, 18 to 1 |
| 17 | `#e2efed` | `oklch(94.28% 0.0141 182.46)` | Himalayan Mist | black, 17.8 to 1 |
| 18 | `#e0eeec` | `oklch(93.84% 0.0149 183.91)` | Thawed Out | black, 17.6 to 1 |
| 19 | `#deedea` | `oklch(93.36% 0.0157 185.49)` | Roman White | black, 17.3 to 1 |
| 20 | `#dcebe9` | `oklch(92.84% 0.0165 187.18)` | Ice Folly | black, 17.1 to 1 |
| 21 | `#d9eae8` | `oklch(92.29% 0.0174 188.95)` | Water Squirt | black, 16.8 to 1 |
| 22 | `#d7e8e6` | `oklch(91.73% 0.0184 190.78)` | Frozen Mint | black, 16.5 to 1 |
| 23 | `#d4e6e5` | `oklch(91.16% 0.0193 192.62)` | Plateau | black, 16.2 to 1 |
| 24 | `#d1e4e4` | `oklch(90.59% 0.0203 194.47)` | Zircon Ice | black, 15.9 to 1 |
| 25 | `#cfe3e3` | `oklch(90.03% 0.0212 196.30)` | Lens Flare Blue | black, 15.7 to 1 |
| 26 | `#cce1e1` | `oklch(89.49% 0.0221 198.06)` | Beach Foam | black, 15.4 to 1 |
| 27 | `#cae0e0` | `oklch(88.96% 0.0230 199.75)` | Thin Heights | black, 15.2 to 1 |
| 28 | `#c8dedf` | `oklch(88.48% 0.0238 201.34)` | Light Dante Peak | black, 14.9 to 1 |
| 29 | `#c6dddf` | `oklch(88.03% 0.0245 202.79)` | Light Dante Peak | black, 14.7 to 1 |
| 30 | `#c4dbde` | `oklch(87.63% 0.0252 204.09)` | Light Dewpoint | black, 14.5 to 1 |
| 31 | `#c3dadd` | `oklch(87.28% 0.0257 205.20)` | Light Dewpoint | black, 14.4 to 1 |
| 32 | `#c1dadd` | `oklch(87.01% 0.0262 206.09)` | Light Dewpoint | black, 14.3 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #f9fefc 0.0%, #f8fdfb 3.2%, #f8fdfa 6.5%, #f7fcfa 9.7%, #f6fbf9 12.9%, #f4fbf8 16.1%, #f3faf7 19.4%, #f2f9f6 22.6%, #f0f8f5 25.8%, #eff7f4 29.0%, #edf6f3 32.3%, #ebf5f2 35.5%, #eaf4f1 38.7%, #e8f3f0 41.9%, #e6f2ef 45.2%, #e4f1ee 48.4%, #e2efed 51.6%, #e0eeec 54.8%, #deedea 58.1%, #dcebe9 61.3%, #d9eae8 64.5%, #d7e8e6 67.7%, #d4e6e5 71.0%, #d1e4e4 74.2%, #cfe3e3 77.4%, #cce1e1 80.6%, #cae0e0 83.9%, #c8dedf 87.1%, #c6dddf 90.3%, #c4dbde 93.5%, #c3dadd 96.8%, #c1dadd 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(99.21% 0.0055 165.94) 0.0%, oklch(99.05% 0.0058 166.50) 3.2%, oklch(98.85% 0.0061 167.15) 6.5%, oklch(98.64% 0.0065 167.88) 9.7%, oklch(98.40% 0.0070 168.69) 12.9%, oklch(98.14% 0.0074 169.58) 16.1%, oklch(97.85% 0.0079 170.53) 19.4%, oklch(97.55% 0.0085 171.55) 22.6%, oklch(97.24% 0.0090 172.62) 25.8%, oklch(96.91% 0.0096 173.73) 29.0%, oklch(96.56% 0.0102 174.90) 32.3%, oklch(96.20% 0.0108 176.09) 35.5%, oklch(95.83% 0.0115 177.32) 38.7%, oklch(95.46% 0.0121 178.58) 41.9%, oklch(95.07% 0.0128 179.85) 45.2%, oklch(94.68% 0.0134 181.14) 48.4%, oklch(94.28% 0.0141 182.46) 51.6%, oklch(93.84% 0.0149 183.91) 54.8%, oklch(93.36% 0.0157 185.49) 58.1%, oklch(92.84% 0.0165 187.18) 61.3%, oklch(92.29% 0.0174 188.95) 64.5%, oklch(91.73% 0.0184 190.78) 67.7%, oklch(91.16% 0.0193 192.62) 71.0%, oklch(90.59% 0.0203 194.47) 74.2%, oklch(90.03% 0.0212 196.30) 77.4%, oklch(89.49% 0.0221 198.06) 80.6%, oklch(88.96% 0.0230 199.75) 83.9%, oklch(88.48% 0.0238 201.34) 87.1%, oklch(88.03% 0.0245 202.79) 90.3%, oklch(87.63% 0.0252 204.09) 93.5%, oklch(87.28% 0.0257 205.20) 96.8%, oklch(87.01% 0.0262 206.09) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.992 | 0.006 | 165.9 |
| 2 | 0.945 | 0.014 | 181.8 |
| 3 | 0.87 | 0.026 | 206.1 |

## In these collections

- [Cool blue swatches](https://grabient.com/cool-blue-swatches)
- [Green gradients](https://grabient.com/green-gradients)
- [White swatches](https://grabient.com/white-swatches)

## Other forms

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