# Analogous off-white, peach and pink radial gradient

Analogous off-white, peach and pink radial gradient with 32 colors: #fff3e2, #fff1e0, #fff0dd, #ffedd9, #ffebd6, #ffe8d2, #ffe5ce, #ffe3ca, #ffdfc7, #ffdcc3, #ffd9c0, #ffd6bd, #ffd3ba, #ffd0b8, #ffcdb5, #ffcab3, #ffc6b1, #fec3b0, #fdc0af, #fcbdae, #fbb9ac, #f9b6ab, #f8b2aa, #f6aea8, #f4aaa7, #f2a6a6, #f0a2a4, #ed9fa3, #eb9ba2, #e998a1, #e796a1, #e694a0. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kU9h0185Y9mqdPPfpL2A`
- Page: https://grabient.com/kU9h0185Y9mqdPPfpL2A?style=radialGradient&steps=32
- Drawn as: radial gradient, 32 steps, 90 degrees
- Kinds: pastel, light, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.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 | `#fff3e2` | `oklch(96.85% 0.0254 75.26)` | Historic Cream | black, 19.1 to 1 |
| 2 | `#fff1e0` | `oklch(96.52% 0.0275 74.13)` | Axolotl | black, 18.9 to 1 |
| 3 | `#fff0dd` | `oklch(96.10% 0.0299 72.71)` | Candy Floss Cupcake | black, 18.6 to 1 |
| 4 | `#ffedd9` | `oklch(95.60% 0.0327 71.05)` | Sand Crystal | black, 18.4 to 1 |
| 5 | `#ffebd6` | `oklch(95.05% 0.0357 69.18)` | Winter Morning | black, 18.1 to 1 |
| 6 | `#ffe8d2` | `oklch(94.44% 0.0388 67.15)` | Pale Egg | black, 17.7 to 1 |
| 7 | `#ffe5ce` | `oklch(93.81% 0.0419 64.99)` | Lumber | black, 17.4 to 1 |
| 8 | `#ffe3ca` | `oklch(93.14% 0.0451 62.74)` | Barely Ripe Apricot | black, 17 to 1 |
| 9 | `#ffdfc7` | `oklch(92.47% 0.0481 60.45)` | Peak Season | black, 16.6 to 1 |
| 10 | `#ffdcc3` | `oklch(91.81% 0.0512 58.16)` | Whispering Peach | black, 16.3 to 1 |
| 11 | `#ffd9c0` | `oklch(91.16% 0.0541 55.90)` | Sun-Kissed Peach | black, 15.9 to 1 |
| 12 | `#ffd6bd` | `oklch(90.52% 0.0568 53.67)` | Sun-Kissed Peach | black, 15.6 to 1 |
| 13 | `#ffd3ba` | `oklch(89.89% 0.0596 51.31)` | Peachy Bon-Bon | black, 15.3 to 1 |
| 14 | `#ffd0b8` | `oklch(89.24% 0.0624 48.86)` | Apricot Lily | black, 14.9 to 1 |
| 15 | `#ffcdb5` | `oklch(88.58% 0.0653 46.34)` | Peach and Quiet | black, 14.6 to 1 |
| 16 | `#ffcab3` | `oklch(87.91% 0.0683 43.77)` | Peach and Quiet | black, 14.3 to 1 |
| 17 | `#ffc6b1` | `oklch(87.23% 0.0712 41.18)` | Antique Coral | black, 13.9 to 1 |
| 18 | `#fec3b0` | `oklch(86.54% 0.0730 38.62)` | Tropical Peach | black, 13.6 to 1 |
| 19 | `#fdc0af` | `oklch(85.83% 0.0749 36.09)` | Porcellana | black, 13.3 to 1 |
| 20 | `#fcbdae` | `oklch(85.10% 0.0767 33.64)` | Peach Melba | black, 12.9 to 1 |
| 21 | `#fbb9ac` | `oklch(84.36% 0.0786 31.29)` | Ruffles | black, 12.6 to 1 |
| 22 | `#f9b6ab` | `oklch(83.60% 0.0806 29.06)` | Just Blush | black, 12.3 to 1 |
| 23 | `#f8b2aa` | `oklch(82.75% 0.0827 26.80)` | Riviera Rose | black, 11.9 to 1 |
| 24 | `#f6aea8` | `oklch(81.84% 0.0849 24.51)` | Snow White Blush | black, 11.5 to 1 |
| 25 | `#f4aaa7` | `oklch(80.88% 0.0872 22.22)` | Faint of Heart | black, 11.1 to 1 |
| 26 | `#f2a6a6` | `oklch(79.90% 0.0895 19.98)` | Calabrese | black, 10.8 to 1 |
| 27 | `#f0a2a4` | `oklch(78.92% 0.0918 17.82)` | Plum Blossom | black, 10.4 to 1 |
| 28 | `#ed9fa3` | `oklch(77.99% 0.0940 15.79)` | Pink Icing | black, 10 to 1 |
| 29 | `#eb9ba2` | `oklch(77.13% 0.0961 13.92)` | Pink Floyd | black, 9.7 to 1 |
| 30 | `#e998a1` | `oklch(76.35% 0.0979 12.26)` | All Dressed Up | black, 9.4 to 1 |
| 31 | `#e796a1` | `oklch(75.70% 0.0994 10.84)` | Franken Berry | black, 9.2 to 1 |
| 32 | `#e694a0` | `oklch(75.20% 0.1006 9.72)` | Marker Pink | black, 9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #fff3e2 0.0%, #fff1e0 3.2%, #fff0dd 6.5%, #ffedd9 9.7%, #ffebd6 12.9%, #ffe8d2 16.1%, #ffe5ce 19.4%, #ffe3ca 22.6%, #ffdfc7 25.8%, #ffdcc3 29.0%, #ffd9c0 32.3%, #ffd6bd 35.5%, #ffd3ba 38.7%, #ffd0b8 41.9%, #ffcdb5 45.2%, #ffcab3 48.4%, #ffc6b1 51.6%, #fec3b0 54.8%, #fdc0af 58.1%, #fcbdae 61.3%, #fbb9ac 64.5%, #f9b6ab 67.7%, #f8b2aa 71.0%, #f6aea8 74.2%, #f4aaa7 77.4%, #f2a6a6 80.6%, #f0a2a4 83.9%, #ed9fa3 87.1%, #eb9ba2 90.3%, #e998a1 93.5%, #e796a1 96.8%, #e694a0 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(96.85% 0.0254 75.26) 0.0%, oklch(96.52% 0.0275 74.13) 3.2%, oklch(96.10% 0.0299 72.71) 6.5%, oklch(95.60% 0.0327 71.05) 9.7%, oklch(95.05% 0.0357 69.18) 12.9%, oklch(94.44% 0.0388 67.15) 16.1%, oklch(93.81% 0.0419 64.99) 19.4%, oklch(93.14% 0.0451 62.74) 22.6%, oklch(92.47% 0.0481 60.45) 25.8%, oklch(91.81% 0.0512 58.16) 29.0%, oklch(91.16% 0.0541 55.90) 32.3%, oklch(90.52% 0.0568 53.67) 35.5%, oklch(89.89% 0.0596 51.31) 38.7%, oklch(89.24% 0.0624 48.86) 41.9%, oklch(88.58% 0.0653 46.34) 45.2%, oklch(87.91% 0.0683 43.77) 48.4%, oklch(87.23% 0.0712 41.18) 51.6%, oklch(86.54% 0.0730 38.62) 54.8%, oklch(85.83% 0.0749 36.09) 58.1%, oklch(85.10% 0.0767 33.64) 61.3%, oklch(84.36% 0.0786 31.29) 64.5%, oklch(83.60% 0.0806 29.06) 67.7%, oklch(82.75% 0.0827 26.80) 71.0%, oklch(81.84% 0.0849 24.51) 74.2%, oklch(80.88% 0.0872 22.22) 77.4%, oklch(79.90% 0.0895 19.98) 80.6%, oklch(78.92% 0.0918 17.82) 83.9%, oklch(77.99% 0.0940 15.79) 87.1%, oklch(77.13% 0.0961 13.92) 90.3%, oklch(76.35% 0.0979 12.26) 93.5%, oklch(75.70% 0.0994 10.84) 96.8%, oklch(75.20% 0.1006 9.72) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.969 | 0.04 | 75.2 |
| 2 | 0.909 | 0.061 | 55.2 |
| 3 | 0.839 | 0.08 | 29.8 |
| 4 | 0.752 | 0.101 | 9.7 |

## In these collections

- [Sunset gradients](https://grabient.com/sunset-gradients)
- [Peach](https://grabient.com/peach)
- [Coral color palette](https://grabient.com/coral-color-palette)

## Other forms

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