# Pastel complementary pink to blue radial gradient

Pastel complementary pink to blue radial gradient with 32 colors: #ffdfec, #ffe0ee, #ffe1f0, #ffe3f2, #ffe6f4, #ffe8f6, #feeaf9, #fdecfc, #fceeff, #f8f1ff, #f6f4ff, #f4f6ff, #f3f7ff, #f2f9ff, #f1faff, #effbff, #edfcff, #ebfcff, #e7fdff, #e3feff, #dffeff, #dbfeff, #d8feff, #d4ffff, #cfffff, #ccfffe, #c8fffe, #c4fffe, #c0fffe, #bcffff, #b9ffff, #b8ffff. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kW7R35eom8vyFsz7Eb3eRm_w`
- Page: https://grabient.com/kW7R35eom8vyFsz7Eb3eRm_w?style=radialGradient&steps=32&angle=20
- Drawn as: radial gradient, 32 steps, 20 degrees
- Kinds: even lightness, pastel, light
- Hues: complementary
- Contrast of its darkest and lightest colors: 1.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 | `#ffdfec` | `oklch(93.31% 0.0399 350.15)` | Baby Girl | black, 16.9 to 1 |
| 2 | `#ffe0ee` | `oklch(93.57% 0.0388 348.54)` | Pale Blossom | black, 17.1 to 1 |
| 3 | `#ffe1f0` | `oklch(93.93% 0.0373 346.99)` | Pale Blossom | black, 17.3 to 1 |
| 4 | `#ffe3f2` | `oklch(94.37% 0.0353 345.20)` | Bunny Tail | black, 17.5 to 1 |
| 5 | `#ffe6f4` | `oklch(94.84% 0.0332 342.80)` | Cherubic | black, 17.8 to 1 |
| 6 | `#ffe8f6` | `oklch(95.33% 0.0314 339.48)` | Dolomite Crystal | black, 18.1 to 1 |
| 7 | `#feeaf9` | `oklch(95.79% 0.0294 334.86)` | Strawberry Bonbon | black, 18.3 to 1 |
| 8 | `#fdecfc` | `oklch(96.20% 0.0275 328.63)` | Placebo Pink | black, 18.6 to 1 |
| 9 | `#fceeff` | `oklch(96.53% 0.0258 320.37)` | Lovely Euphoric Delight | black, 18.8 to 1 |
| 10 | `#f8f1ff` | `oklch(96.83% 0.0197 308.89)` | Cloud Break | black, 19 to 1 |
| 11 | `#f6f4ff` | `oklch(97.11% 0.0151 294.58)` | Sugar Crystal | black, 19.2 to 1 |
| 12 | `#f4f6ff` | `oklch(97.37% 0.0125 278.56)` | Mā White | black, 19.4 to 1 |
| 13 | `#f3f7ff` | `oklch(97.60% 0.0113 261.93)` | Mā White | black, 19.5 to 1 |
| 14 | `#f2f9ff` | `oklch(97.78% 0.0112 245.80)` | Alice Blue | black, 19.7 to 1 |
| 15 | `#f1faff` | `oklch(97.92% 0.0121 231.26)` | Alice Blue | black, 19.8 to 1 |
| 16 | `#effbff` | `oklch(98.01% 0.0140 219.41)` | Cold White | black, 19.9 to 1 |
| 17 | `#edfcff` | `oklch(98.03% 0.0161 211.16)` | Placebo Sky | black, 19.9 to 1 |
| 18 | `#ebfcff` | `oklch(97.98% 0.0189 205.51)` | Placebo Sky | black, 19.9 to 1 |
| 19 | `#e7fdff` | `oklch(97.87% 0.0230 201.85)` | Bubbles | black, 19.8 to 1 |
| 20 | `#e3feff` | `oklch(97.71% 0.0277 199.73)` | Matterhorn Snow | black, 19.8 to 1 |
| 21 | `#dffeff` | `oklch(97.51% 0.0326 198.65)` | Matterhorn Snow | black, 19.7 to 1 |
| 22 | `#dbfeff` | `oklch(97.30% 0.0362 198.20)` | Cold Canada | black, 19.6 to 1 |
| 23 | `#d8feff` | `oklch(97.09% 0.0397 197.86)` | Salt Mountain | black, 19.5 to 1 |
| 24 | `#d4ffff` | `oklch(96.90% 0.0438 197.19)` | Mount Olympus | black, 19.4 to 1 |
| 25 | `#cfffff` | `oklch(96.70% 0.0484 196.17)` | Pale Blue | black, 19.4 to 1 |
| 26 | `#ccfffe` | `oklch(96.49% 0.0516 195.54)` | Dawn Departs | black, 19.3 to 1 |
| 27 | `#c8fffe` | `oklch(96.25% 0.0552 195.28)` | VIC 20 Blue | black, 19.2 to 1 |
| 28 | `#c4fffe` | `oklch(96.02% 0.0589 195.28)` | VIC 20 Blue | black, 19 to 1 |
| 29 | `#c0fffe` | `oklch(95.79% 0.0626 195.44)` | The Big Freeze | black, 18.9 to 1 |
| 30 | `#bcffff` | `oklch(95.58% 0.0660 195.66)` | The Big Freeze | black, 18.8 to 1 |
| 31 | `#b9ffff` | `oklch(95.40% 0.0686 195.83)` | The Big Freeze | black, 18.8 to 1 |
| 32 | `#b8ffff` | `oklch(95.28% 0.0703 195.87)` | The Big Freeze | black, 18.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #ffdfec 0.0%, #ffe0ee 3.2%, #ffe1f0 6.5%, #ffe3f2 9.7%, #ffe6f4 12.9%, #ffe8f6 16.1%, #feeaf9 19.4%, #fdecfc 22.6%, #fceeff 25.8%, #f8f1ff 29.0%, #f6f4ff 32.3%, #f4f6ff 35.5%, #f3f7ff 38.7%, #f2f9ff 41.9%, #f1faff 45.2%, #effbff 48.4%, #edfcff 51.6%, #ebfcff 54.8%, #e7fdff 58.1%, #e3feff 61.3%, #dffeff 64.5%, #dbfeff 67.7%, #d8feff 71.0%, #d4ffff 74.2%, #cfffff 77.4%, #ccfffe 80.6%, #c8fffe 83.9%, #c4fffe 87.1%, #c0fffe 90.3%, #bcffff 93.5%, #b9ffff 96.8%, #b8ffff 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(93.31% 0.0399 350.15) 0.0%, oklch(93.57% 0.0388 348.54) 3.2%, oklch(93.93% 0.0373 346.99) 6.5%, oklch(94.37% 0.0353 345.20) 9.7%, oklch(94.84% 0.0332 342.80) 12.9%, oklch(95.33% 0.0314 339.48) 16.1%, oklch(95.79% 0.0294 334.86) 19.4%, oklch(96.20% 0.0275 328.63) 22.6%, oklch(96.53% 0.0258 320.37) 25.8%, oklch(96.83% 0.0197 308.89) 29.0%, oklch(97.11% 0.0151 294.58) 32.3%, oklch(97.37% 0.0125 278.56) 35.5%, oklch(97.60% 0.0113 261.93) 38.7%, oklch(97.78% 0.0112 245.80) 41.9%, oklch(97.92% 0.0121 231.26) 45.2%, oklch(98.01% 0.0140 219.41) 48.4%, oklch(98.03% 0.0161 211.16) 51.6%, oklch(97.98% 0.0189 205.51) 54.8%, oklch(97.87% 0.0230 201.85) 58.1%, oklch(97.71% 0.0277 199.73) 61.3%, oklch(97.51% 0.0326 198.65) 64.5%, oklch(97.30% 0.0362 198.20) 67.7%, oklch(97.09% 0.0397 197.86) 71.0%, oklch(96.90% 0.0438 197.19) 74.2%, oklch(96.70% 0.0484 196.17) 77.4%, oklch(96.49% 0.0516 195.54) 80.6%, oklch(96.25% 0.0552 195.28) 83.9%, oklch(96.02% 0.0589 195.28) 87.1%, oklch(95.79% 0.0626 195.44) 90.3%, oklch(95.58% 0.0660 195.66) 93.5%, oklch(95.40% 0.0686 195.83) 96.8%, oklch(95.28% 0.0703 195.87) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.933 | 0.04 | 350.2 |
| 2 | 0.965 | 0.026 | 322.7 |
| 3 | 0.98 | 0.015 | 214.9 |
| 4 | 0.969 | 0.048 | 196.9 |
| 5 | 0.953 | 0.07 | 195.9 |

## In these collections

- [Pastel swatches](https://grabient.com/pastel-swatches)
- [Holographic gradients](https://grabient.com/holographic-gradients)

## Other forms

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