# Pastel blue radial gradient

Pastel blue radial gradient with 32 colors: #d1d9f0, #d0d8ef, #cfd7ef, #ced6ee, #cdd5ed, #ccd4ec, #cad3eb, #c9d2ea, #c8d1e8, #c6cfe7, #c5cee6, #c3cce5, #c1cbe3, #c0c9e2, #bec8e0, #bcc6df, #bbc5dd, #b9c3dc, #b7c1db, #b6c0d9, #b4bed8, #b2bdd7, #b1bcd5, #afbad4, #aeb9d3, #adb8d2, #abb7d1, #aab5d0, #a9b4cf, #a8b4ce, #a7b3cd, #a7b2cd. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kQ4RjAYQ6_g`
- Page: https://grabient.com/kQ4RjAYQ6_g?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: pastel, light, cool, monochrome
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 1.5 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 | `#d1d9f0` | `oklch(88.58% 0.0331 270.00)` | Sachet Cushion | black, 14.8 to 1 |
| 2 | `#d0d8ef` | `oklch(88.37% 0.0332 269.94)` | Sachet Cushion | black, 14.7 to 1 |
| 3 | `#cfd7ef` | `oklch(88.12% 0.0333 269.88)` | Lilac Cotton Candy | black, 14.6 to 1 |
| 4 | `#ced6ee` | `oklch(87.83% 0.0335 269.80)` | Lilac Cotton Candy | black, 14.5 to 1 |
| 5 | `#cdd5ed` | `oklch(87.52% 0.0337 269.72)` | Garden Fairy | black, 14.3 to 1 |
| 6 | `#ccd4ec` | `oklch(87.17% 0.0339 269.63)` | Garden Fairy | black, 14.2 to 1 |
| 7 | `#cad3eb` | `oklch(86.80% 0.0341 269.54)` | Garden Fairy | black, 14 to 1 |
| 8 | `#c9d2ea` | `oklch(86.41% 0.0343 269.44)` | Arctic Glow | black, 13.8 to 1 |
| 9 | `#c8d1e8` | `oklch(86.00% 0.0345 269.33)` | Arctic Glow | black, 13.6 to 1 |
| 10 | `#c6cfe7` | `oklch(85.57% 0.0348 269.22)` | Purple Pj’s | black, 13.5 to 1 |
| 11 | `#c5cee6` | `oklch(85.12% 0.0350 269.10)` | Periwinkle Grey | black, 13.3 to 1 |
| 12 | `#c3cce5` | `oklch(84.66% 0.0353 268.98)` | Periwinkle Grey | black, 13.1 to 1 |
| 13 | `#c1cbe3` | `oklch(84.19% 0.0356 268.86)` | Periwinkle Powder | black, 12.9 to 1 |
| 14 | `#c0c9e2` | `oklch(83.70% 0.0358 268.73)` | Hindsight | black, 12.7 to 1 |
| 15 | `#bec8e0` | `oklch(83.22% 0.0361 268.61)` | Hindsight | black, 12.5 to 1 |
| 16 | `#bcc6df` | `oklch(82.73% 0.0364 268.48)` | Violet Scent Soft Blue | black, 12.3 to 1 |
| 17 | `#bbc5dd` | `oklch(82.23% 0.0367 268.35)` | Agapanthus | black, 12.1 to 1 |
| 18 | `#b9c3dc` | `oklch(81.74% 0.0369 268.22)` | Blue Hydrangea | black, 11.9 to 1 |
| 19 | `#b7c1db` | `oklch(81.26% 0.0372 268.10)` | Xenon Blue | black, 11.7 to 1 |
| 20 | `#b6c0d9` | `oklch(80.78% 0.0375 267.97)` | Xenon Blue | black, 11.5 to 1 |
| 21 | `#b4bed8` | `oklch(80.30% 0.0377 267.85)` | Hazy Sky | black, 11.3 to 1 |
| 22 | `#b2bdd7` | `oklch(79.84% 0.0380 267.73)` | Pigeon Post | black, 11.1 to 1 |
| 23 | `#b1bcd5` | `oklch(79.39% 0.0383 267.61)` | Halogen Blue | black, 10.9 to 1 |
| 24 | `#afbad4` | `oklch(78.96% 0.0385 267.50)` | Halogen Blue | black, 10.8 to 1 |
| 25 | `#aeb9d3` | `oklch(78.55% 0.0387 267.39)` | Halogen Blue | black, 10.6 to 1 |
| 26 | `#adb8d2` | `oklch(78.16% 0.0390 267.29)` | Over the Moon | black, 10.5 to 1 |
| 27 | `#abb7d1` | `oklch(77.79% 0.0392 267.20)` | Over the Moon | black, 10.3 to 1 |
| 28 | `#aab5d0` | `oklch(77.44% 0.0394 267.11)` | Minuet | black, 10.2 to 1 |
| 29 | `#a9b4cf` | `oklch(77.13% 0.0395 267.02)` | Minuet | black, 10.1 to 1 |
| 30 | `#a8b4ce` | `oklch(76.84% 0.0397 266.95)` | Kentucky Blue | black, 10 to 1 |
| 31 | `#a7b3cd` | `oklch(76.59% 0.0398 266.89)` | Kentucky Blue | black, 9.9 to 1 |
| 32 | `#a7b2cd` | `oklch(76.38% 0.0400 266.83)` | Kentucky Blue | black, 9.8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #d1d9f0 0.0%, #d0d8ef 3.2%, #cfd7ef 6.5%, #ced6ee 9.7%, #cdd5ed 12.9%, #ccd4ec 16.1%, #cad3eb 19.4%, #c9d2ea 22.6%, #c8d1e8 25.8%, #c6cfe7 29.0%, #c5cee6 32.3%, #c3cce5 35.5%, #c1cbe3 38.7%, #c0c9e2 41.9%, #bec8e0 45.2%, #bcc6df 48.4%, #bbc5dd 51.6%, #b9c3dc 54.8%, #b7c1db 58.1%, #b6c0d9 61.3%, #b4bed8 64.5%, #b2bdd7 67.7%, #b1bcd5 71.0%, #afbad4 74.2%, #aeb9d3 77.4%, #adb8d2 80.6%, #abb7d1 83.9%, #aab5d0 87.1%, #a9b4cf 90.3%, #a8b4ce 93.5%, #a7b3cd 96.8%, #a7b2cd 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(88.58% 0.0331 270.00) 0.0%, oklch(88.37% 0.0332 269.94) 3.2%, oklch(88.12% 0.0333 269.88) 6.5%, oklch(87.83% 0.0335 269.80) 9.7%, oklch(87.52% 0.0337 269.72) 12.9%, oklch(87.17% 0.0339 269.63) 16.1%, oklch(86.80% 0.0341 269.54) 19.4%, oklch(86.41% 0.0343 269.44) 22.6%, oklch(86.00% 0.0345 269.33) 25.8%, oklch(85.57% 0.0348 269.22) 29.0%, oklch(85.12% 0.0350 269.10) 32.3%, oklch(84.66% 0.0353 268.98) 35.5%, oklch(84.19% 0.0356 268.86) 38.7%, oklch(83.70% 0.0358 268.73) 41.9%, oklch(83.22% 0.0361 268.61) 45.2%, oklch(82.73% 0.0364 268.48) 48.4%, oklch(82.23% 0.0367 268.35) 51.6%, oklch(81.74% 0.0369 268.22) 54.8%, oklch(81.26% 0.0372 268.10) 58.1%, oklch(80.78% 0.0375 267.97) 61.3%, oklch(80.30% 0.0377 267.85) 64.5%, oklch(79.84% 0.0380 267.73) 67.7%, oklch(79.39% 0.0383 267.61) 71.0%, oklch(78.96% 0.0385 267.50) 74.2%, oklch(78.55% 0.0387 267.39) 77.4%, oklch(78.16% 0.0390 267.29) 80.6%, oklch(77.79% 0.0392 267.20) 83.9%, oklch(77.44% 0.0394 267.11) 87.1%, oklch(77.13% 0.0395 267.02) 90.3%, oklch(76.84% 0.0397 266.95) 93.5%, oklch(76.59% 0.0398 266.89) 96.8%, oklch(76.38% 0.0400 266.83) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.886 | 0.033 | 270 |
| 2 | 0.764 | 0.04 | 266.8 |

## In these collections

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

## Other forms

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