# Pastel gray, blue and peach radial gradient

Pastel gray, blue and peach radial gradient with 32 colors: #e9d6cd, #e8dbce, #e5e1d4, #e4e6dc, #e4eae4, #e4ece9, #e1edec, #daebf1, #d5e8f6, #d4e3fa, #d7defb, #dadaf8, #dcd7f3, #dcd5ee, #dbd4ea, #d8d5e9, #d5d8ea, #d0deec, #cfe5eb, #d4eae5, #ddedde, #e4edd8, #e9ead1, #ebe7c9, #ede3c1, #efdfba, #f1dbb5, #f4d8b4, #f7d6b4, #f8d4b5, #f9d3b7, #f9d2b8. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `ka4hIi9wPPPKPS_wCcD9ootfKUOjxFLyg`
- Page: https://grabient.com/ka4hIi9wPPPKPS_wCcD9ootfKUOjxFLyg?style=radialGradient&steps=32&angle=225
- Drawn as: radial gradient, 32 steps, 225 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 | `#e9d6cd` | `oklch(88.98% 0.0248 48.52)` | Coral Cream | black, 14.9 to 1 |
| 2 | `#e8dbce` | `oklch(89.72% 0.0221 65.77)` | Light Shetland Lace | black, 15.3 to 1 |
| 3 | `#e5e1d4` | `oklch(90.84% 0.0179 90.31)` | Cotton Tuft | black, 16 to 1 |
| 4 | `#e4e6dc` | `oklch(92.06% 0.0135 118.73)` | Crystal Brooke | black, 16.6 to 1 |
| 5 | `#e4eae4` | `oklch(93.10% 0.0102 147.64)` | Sweet Ariel | black, 17.1 to 1 |
| 6 | `#e4ece9` | `oklch(93.67% 0.0094 173.63)` | Morning Song | black, 17.5 to 1 |
| 7 | `#e1edec` | `oklch(93.58% 0.0126 196.37)` | Club Soda | black, 17.4 to 1 |
| 8 | `#daebf1` | `oklch(92.99% 0.0193 219.24)` | Frost Wind | black, 17.1 to 1 |
| 9 | `#d5e8f6` | `oklch(92.11% 0.0276 240.92)` | Freezing Vapour | black, 16.6 to 1 |
| 10 | `#d4e3fa` | `oklch(91.16% 0.0353 259.99)` | Weathered Blue | black, 16.1 to 1 |
| 11 | `#d7defb` | `oklch(90.36% 0.0405 275.02)` | Nostalgia Perfume | black, 15.6 to 1 |
| 12 | `#dadaf8` | `oklch(89.78% 0.0416 285.72)` | Nostalgia Perfume | black, 15.3 to 1 |
| 13 | `#dcd7f3` | `oklch(89.16% 0.0393 294.31)` | Lavender Sky | black, 15 to 1 |
| 14 | `#dcd5ee` | `oklch(88.59% 0.0353 299.49)` | Lavender Sky | black, 14.7 to 1 |
| 15 | `#dbd4ea` | `oklch(88.20% 0.0308 299.72)` | Teary Eyed | black, 14.6 to 1 |
| 16 | `#d8d5e9` | `oklch(88.09% 0.0272 293.42)` | Dulcinea | black, 14.5 to 1 |
| 17 | `#d5d8ea` | `oklch(88.44% 0.0256 278.26)` | Sachet Cushion | black, 14.7 to 1 |
| 18 | `#d0deec` | `oklch(89.40% 0.0246 250.76)` | Happy Thoughts | black, 15.3 to 1 |
| 19 | `#cfe5eb` | `oklch(90.71% 0.0242 215.78)` | Northwind | black, 16 to 1 |
| 20 | `#d4eae5` | `oklch(92.02% 0.0246 179.23)` | Dillard’s Blue | black, 16.7 to 1 |
| 21 | `#ddedde` | `oklch(93.00% 0.0260 147.04)` | Vanishing Point | black, 17.2 to 1 |
| 22 | `#e4edd8` | `oklch(93.33% 0.0286 124.72)` | Lime Meringue | black, 17.3 to 1 |
| 23 | `#e9ead1` | `oklch(93.03% 0.0335 110.22)` | Magical Melon | black, 17.1 to 1 |
| 24 | `#ebe7c9` | `oklch(92.34% 0.0397 100.49)` | Button Mushroom | black, 16.8 to 1 |
| 25 | `#ede3c1` | `oklch(91.47% 0.0462 93.64)` | Beurre Blanc | black, 16.3 to 1 |
| 26 | `#efdfba` | `oklch(90.64% 0.0519 87.80)` | Dutch White | black, 15.8 to 1 |
| 27 | `#f1dbb5` | `oklch(90.09% 0.0556 81.11)` | Precious | black, 15.5 to 1 |
| 28 | `#f4d8b4` | `oklch(89.73% 0.0572 74.15)` | Walnut Cream | black, 15.3 to 1 |
| 29 | `#f7d6b4` | `oklch(89.46% 0.0576 67.91)` | Sandy Bay | black, 15.2 to 1 |
| 30 | `#f8d4b5` | `oklch(89.26% 0.0573 62.52)` | Tender Peach | black, 15 to 1 |
| 31 | `#f9d3b7` | `oklch(89.10% 0.0567 58.13)` | Tender Peach | black, 14.9 to 1 |
| 32 | `#f9d2b8` | `oklch(88.98% 0.0565 54.86)` | Autumn Wind | black, 14.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #e9d6cd 0.0%, #e8dbce 3.2%, #e5e1d4 6.5%, #e4e6dc 9.7%, #e4eae4 12.9%, #e4ece9 16.1%, #e1edec 19.4%, #daebf1 22.6%, #d5e8f6 25.8%, #d4e3fa 29.0%, #d7defb 32.3%, #dadaf8 35.5%, #dcd7f3 38.7%, #dcd5ee 41.9%, #dbd4ea 45.2%, #d8d5e9 48.4%, #d5d8ea 51.6%, #d0deec 54.8%, #cfe5eb 58.1%, #d4eae5 61.3%, #ddedde 64.5%, #e4edd8 67.7%, #e9ead1 71.0%, #ebe7c9 74.2%, #ede3c1 77.4%, #efdfba 80.6%, #f1dbb5 83.9%, #f4d8b4 87.1%, #f7d6b4 90.3%, #f8d4b5 93.5%, #f9d3b7 96.8%, #f9d2b8 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(88.98% 0.0248 48.52) 0.0%, oklch(89.72% 0.0221 65.77) 3.2%, oklch(90.84% 0.0179 90.31) 6.5%, oklch(92.06% 0.0135 118.73) 9.7%, oklch(93.10% 0.0102 147.64) 12.9%, oklch(93.67% 0.0094 173.63) 16.1%, oklch(93.58% 0.0126 196.37) 19.4%, oklch(92.99% 0.0193 219.24) 22.6%, oklch(92.11% 0.0276 240.92) 25.8%, oklch(91.16% 0.0353 259.99) 29.0%, oklch(90.36% 0.0405 275.02) 32.3%, oklch(89.78% 0.0416 285.72) 35.5%, oklch(89.16% 0.0393 294.31) 38.7%, oklch(88.59% 0.0353 299.49) 41.9%, oklch(88.20% 0.0308 299.72) 45.2%, oklch(88.09% 0.0272 293.42) 48.4%, oklch(88.44% 0.0256 278.26) 51.6%, oklch(89.40% 0.0246 250.76) 54.8%, oklch(90.71% 0.0242 215.78) 58.1%, oklch(92.02% 0.0246 179.23) 61.3%, oklch(93.00% 0.0260 147.04) 64.5%, oklch(93.33% 0.0286 124.72) 67.7%, oklch(93.03% 0.0335 110.22) 71.0%, oklch(92.34% 0.0397 100.49) 74.2%, oklch(91.47% 0.0462 93.64) 77.4%, oklch(90.64% 0.0519 87.80) 80.6%, oklch(90.09% 0.0556 81.11) 83.9%, oklch(89.73% 0.0572 74.15) 87.1%, oklch(89.46% 0.0576 67.91) 90.3%, oklch(89.26% 0.0573 62.52) 93.5%, oklch(89.10% 0.0567 58.13) 96.8%, oklch(88.98% 0.0565 54.86) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.89 | 0.025 | 48.5 |
| 2 | 0.937 | 0.01 | 177.4 |
| 3 | 0.902 | 0.041 | 278.9 |
| 4 | 0.882 | 0.026 | 287.3 |
| 5 | 0.933 | 0.028 | 130.9 |
| 6 | 0.902 | 0.055 | 82.3 |
| 7 | 0.89 | 0.056 | 54.9 |

## In these collections

- [Soft neutral gradients](https://grabient.com/soft-neutral-gradients)

## Other forms

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