# White, pink and gray radial gradient

White, pink and gray radial gradient with 32 colors: #ffffff, #fffffd, #fefffb, #fefef9, #fffef5, #fffcf3, #fffbf1, #fff9ef, #fff7eb, #fff4e6, #fff0e1, #feecdd, #fce8da, #fae4d7, #f8e0d4, #f6ddd1, #f4d9ce, #f2d6cb, #efd3c8, #edd0c5, #ebcdc3, #e8cac0, #e6c7bd, #e4c4ba, #e1c1b8, #dfbeb6, #ddbbb3, #dab8b1, #d8b5af, #d6b2ad, #d4b0ac, #d3afab. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kW_gBVfIg7HOMPBrDj744--g`
- Page: https://grabient.com/kW_gBVfIg7HOMPBrDj744--g?style=radialGradient&steps=32
- Drawn as: radial gradient, 32 steps, 90 degrees
- Kinds: pastel, light, warm
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 2 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 89.88)` | White | black, 21 to 1 |
| 2 | `#fffffd` | `oklch(99.88% 0.0018 116.17)` | Whitewash | black, 20.9 to 1 |
| 3 | `#fefffb` | `oklch(99.76% 0.0044 111.61)` | Whitewash | black, 20.8 to 1 |
| 4 | `#fefef9` | `oklch(99.62% 0.0074 106.19)` | Baby Powder | black, 20.7 to 1 |
| 5 | `#fffef5` | `oklch(99.43% 0.0108 100.21)` | Milk | black, 20.6 to 1 |
| 6 | `#fffcf3` | `oklch(99.19% 0.0124 94.05)` | Granulated Sugar | black, 20.5 to 1 |
| 7 | `#fffbf1` | `oklch(98.86% 0.0132 87.91)` | Vanilla Shake | black, 20.3 to 1 |
| 8 | `#fff9ef` | `oklch(98.43% 0.0150 82.19)` | Satin Purse | black, 20 to 1 |
| 9 | `#fff7eb` | `oklch(97.88% 0.0178 77.16)` | Fatback | black, 19.7 to 1 |
| 10 | `#fff4e6` | `oklch(97.17% 0.0213 72.32)` | Soft Pillow | black, 19.3 to 1 |
| 11 | `#fff0e1` | `oklch(96.34% 0.0254 67.48)` | Sugar Glaze | black, 18.8 to 1 |
| 12 | `#feecdd` | `oklch(95.40% 0.0277 62.74)` | Flowerbed | black, 18.2 to 1 |
| 13 | `#fce8da` | `oklch(94.40% 0.0291 58.23)` | Pink Blossom | black, 17.7 to 1 |
| 14 | `#fae4d7` | `oklch(93.38% 0.0303 54.03)` | Shell Ginger | black, 17.1 to 1 |
| 15 | `#f8e0d4` | `oklch(92.37% 0.0315 50.24)` | Delicate Rose | black, 16.6 to 1 |
| 16 | `#f6ddd1` | `oklch(91.40% 0.0325 46.97)` | Blanched | black, 16.1 to 1 |
| 17 | `#f4d9ce` | `oklch(90.50% 0.0336 44.33)` | Possibly Pink | black, 15.6 to 1 |
| 18 | `#f2d6cb` | `oklch(89.61% 0.0345 42.44)` | Chinese Cherry | black, 15.2 to 1 |
| 19 | `#efd3c8` | `oklch(88.73% 0.0353 41.14)` | Pink Sentiment | black, 14.8 to 1 |
| 20 | `#edd0c5` | `oklch(87.85% 0.0360 40.27)` | Sugarcane | black, 14.4 to 1 |
| 21 | `#ebcdc3` | `oklch(86.98% 0.0367 39.63)` | Leverkaas | black, 14 to 1 |
| 22 | `#e8cac0` | `oklch(86.13% 0.0372 39.06)` | Au Naturel | black, 13.6 to 1 |
| 23 | `#e6c7bd` | `oklch(85.28% 0.0378 38.38)` | Iced Cherry | black, 13.2 to 1 |
| 24 | `#e4c4ba` | `oklch(84.46% 0.0384 37.41)` | Golden Guernsey | black, 12.8 to 1 |
| 25 | `#e1c1b8` | `oklch(83.62% 0.0391 36.06)` | Silver Peony | black, 12.5 to 1 |
| 26 | `#dfbeb6` | `oklch(82.75% 0.0397 34.46)` | Peach Blush | black, 12.1 to 1 |
| 27 | `#ddbbb3` | `oklch(81.86% 0.0403 32.74)` | Rose Yoghurt | black, 11.8 to 1 |
| 28 | `#dab8b1` | `oklch(80.99% 0.0409 30.98)` | Peach Whip | black, 11.4 to 1 |
| 29 | `#d8b5af` | `oklch(80.17% 0.0415 29.28)` | Peach Whip | black, 11.1 to 1 |
| 30 | `#d6b2ad` | `oklch(79.43% 0.0420 27.73)` | Victoriana | black, 10.8 to 1 |
| 31 | `#d4b0ac` | `oklch(78.81% 0.0424 26.43)` | Victoriana | black, 10.6 to 1 |
| 32 | `#d3afab` | `oklch(78.35% 0.0427 25.48)` | Victoriana | black, 10.4 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #ffffff 0.0%, #fffffd 3.2%, #fefffb 6.5%, #fefef9 9.7%, #fffef5 12.9%, #fffcf3 16.1%, #fffbf1 19.4%, #fff9ef 22.6%, #fff7eb 25.8%, #fff4e6 29.0%, #fff0e1 32.3%, #feecdd 35.5%, #fce8da 38.7%, #fae4d7 41.9%, #f8e0d4 45.2%, #f6ddd1 48.4%, #f4d9ce 51.6%, #f2d6cb 54.8%, #efd3c8 58.1%, #edd0c5 61.3%, #ebcdc3 64.5%, #e8cac0 67.7%, #e6c7bd 71.0%, #e4c4ba 74.2%, #e1c1b8 77.4%, #dfbeb6 80.6%, #ddbbb3 83.9%, #dab8b1 87.1%, #d8b5af 90.3%, #d6b2ad 93.5%, #d4b0ac 96.8%, #d3afab 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(100.00% 0.0000 89.88) 0.0%, oklch(99.88% 0.0018 116.17) 3.2%, oklch(99.76% 0.0044 111.61) 6.5%, oklch(99.62% 0.0074 106.19) 9.7%, oklch(99.43% 0.0108 100.21) 12.9%, oklch(99.19% 0.0124 94.05) 16.1%, oklch(98.86% 0.0132 87.91) 19.4%, oklch(98.43% 0.0150 82.19) 22.6%, oklch(97.88% 0.0178 77.16) 25.8%, oklch(97.17% 0.0213 72.32) 29.0%, oklch(96.34% 0.0254 67.48) 32.3%, oklch(95.40% 0.0277 62.74) 35.5%, oklch(94.40% 0.0291 58.23) 38.7%, oklch(93.38% 0.0303 54.03) 41.9%, oklch(92.37% 0.0315 50.24) 45.2%, oklch(91.40% 0.0325 46.97) 48.4%, oklch(90.50% 0.0336 44.33) 51.6%, oklch(89.61% 0.0345 42.44) 54.8%, oklch(88.73% 0.0353 41.14) 58.1%, oklch(87.85% 0.0360 40.27) 61.3%, oklch(86.98% 0.0367 39.63) 64.5%, oklch(86.13% 0.0372 39.06) 67.7%, oklch(85.28% 0.0378 38.38) 71.0%, oklch(84.46% 0.0384 37.41) 74.2%, oklch(83.62% 0.0391 36.06) 77.4%, oklch(82.75% 0.0397 34.46) 80.6%, oklch(81.86% 0.0403 32.74) 83.9%, oklch(80.99% 0.0409 30.98) 87.1%, oklch(80.17% 0.0415 29.28) 90.3%, oklch(79.43% 0.0420 27.73) 93.5%, oklch(78.81% 0.0424 26.43) 96.8%, oklch(78.35% 0.0427 25.48) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 1 | 0 | 119.5 |
| 2 | 0.98 | 0.022 | 78.3 |
| 3 | 0.909 | 0.033 | 45.6 |
| 4 | 0.843 | 0.039 | 37.1 |
| 5 | 0.783 | 0.043 | 25.5 |

## In these collections

- [Hero section gradients](https://grabient.com/hero-section-gradients)
- [Cream swatches](https://grabient.com/cream-swatches)
- [Warm neutral gradients](https://grabient.com/warm-neutral-gradients)
- [Romantic color palette](https://grabient.com/romantic-color-palette)

## Other forms

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