# Lavender mint cream bloom

White, light blue, beige and blue radial gradient with 32 colors: #fff4e8, #fcede2, #f9e2db, #f3d6d5, #eacad4, #dec1d5, #d1bbd7, #c5b7d9, #b9b4d8, #aeb1d6, #a4b0d5, #9ab1d4, #92b6d4, #8cbed4, #8dccd3, #9bdbce, #b5e9c6, #d5f3be, #f1f7bb, #fff8ca, #fff7dc, #fff6d6, #fff3c2, #faeeb8, #f6e5b2, #f7daa9, #f9c8a1, #f6b2a4, #e79eb3, #cb90c5, #a98ad0, #8d88d3. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: White, light blue, beige and blue radial gradient
- Seed: `kY9w4yZ5EyWEVtt7HLAcxm9lQoLU`
- Page: https://grabient.com/kY9w4yZ5EyWEVtt7HLAcxm9lQoLU?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: pastel, light, multicolor
- Hues: complementary
- Contrast of its darkest and lightest colors: 2.9 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 | `#fff4e8` | `oklch(97.24% 0.0193 70.31)` | What’s Left | black, 19.3 to 1 |
| 2 | `#fcede2` | `oklch(95.48% 0.0223 57.85)` | Natural White | black, 18.3 to 1 |
| 3 | `#f9e2db` | `oklch(92.96% 0.0267 40.34)` | Berry Cheesecake | black, 16.9 to 1 |
| 4 | `#f3d6d5` | `oklch(90.00% 0.0318 19.70)` | French Bustle | black, 15.3 to 1 |
| 5 | `#eacad4` | `oklch(86.94% 0.0371 357.87)` | Cradle Pink | black, 13.9 to 1 |
| 6 | `#dec1d5` | `oklch(84.11% 0.0421 336.77)` | Plum Taffy | black, 12.6 to 1 |
| 7 | `#d1bbd7` | `oklch(81.85% 0.0462 318.33)` | Petite Purple | black, 11.7 to 1 |
| 8 | `#c5b7d9` | `oklch(80.13% 0.0491 303.72)` | Tinted Iris | black, 11.1 to 1 |
| 9 | `#b9b4d8` | `oklch(78.47% 0.0514 291.66)` | Wild Orchid Blue | black, 10.5 to 1 |
| 10 | `#aeb1d6` | `oklch(77.03% 0.0531 280.90)` | Pixie Violet | black, 10 to 1 |
| 11 | `#a4b0d5` | `oklch(76.01% 0.0546 270.25)` | Calm Interlude | black, 9.7 to 1 |
| 12 | `#9ab1d4` | `oklch(75.59% 0.0563 258.51)` | Heartsong | black, 9.6 to 1 |
| 13 | `#92b6d4` | `oklch(75.97% 0.0583 244.50)` | Oxygen Blue | black, 9.8 to 1 |
| 14 | `#8cbed4` | `oklch(77.46% 0.0610 226.77)` | High Elf Blue | black, 10.4 to 1 |
| 15 | `#8dccd3` | `oklch(80.50% 0.0644 204.58)` | Winter Chill | black, 11.7 to 1 |
| 16 | `#9bdbce` | `oklch(84.52% 0.0683 179.91)` | Tropical Freeze | black, 13.4 to 1 |
| 17 | `#b5e9c6` | `oklch(88.85% 0.0720 154.90)` | Mint-o-licious | black, 15.4 to 1 |
| 18 | `#d5f3be` | `oklch(92.84% 0.0754 131.71)` | Maroccan Tea | black, 17.3 to 1 |
| 19 | `#f1f7bb` | `oklch(95.82% 0.0777 112.50)` | Chiffon | black, 18.8 to 1 |
| 20 | `#fff8ca` | `oklch(97.23% 0.0586 99.54)` | Lemon Chiffon | black, 19.4 to 1 |
| 21 | `#fff7dc` | `oklch(97.60% 0.0370 94.25)` | Buttermelon | black, 19.6 to 1 |
| 22 | `#fff6d6` | `oklch(97.19% 0.0428 94.03)` | Natural Wool | black, 19.4 to 1 |
| 23 | `#fff3c2` | `oklch(96.12% 0.0644 95.72)` | Lazy Summer Day | black, 18.8 to 1 |
| 24 | `#faeeb8` | `oklch(94.50% 0.0700 96.16)` | Tinker Light | black, 17.9 to 1 |
| 25 | `#f6e5b2` | `oklch(92.44% 0.0692 92.18)` | Smooth as Corn Silk | black, 16.8 to 1 |
| 26 | `#f7daa9` | `oklch(90.03% 0.0709 80.61)` | Caribbean Sunrise | black, 15.5 to 1 |
| 27 | `#f9c8a1` | `oklch(86.60% 0.0756 59.49)` | Cactus Blooms | black, 13.7 to 1 |
| 28 | `#f6b2a4` | `oklch(82.24% 0.0825 31.58)` | First Date | black, 11.7 to 1 |
| 29 | `#e79eb3` | `oklch(77.47% 0.0906 0.58)` | Always Rosey | black, 9.8 to 1 |
| 30 | `#cb90c5` | `oklch(72.85% 0.0986 330.22)` | Pomtini | black, 8.3 to 1 |
| 31 | `#a98ad0` | `oklch(68.89% 0.1055 304.20)` | Middy’s Purple | black, 7.2 to 1 |
| 32 | `#8d88d3` | `oklch(66.14% 0.1102 286.24)` | Indigo Bloom | black, 6.5 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #fff4e8 0.0%, #fcede2 3.2%, #f9e2db 6.5%, #f3d6d5 9.7%, #eacad4 12.9%, #dec1d5 16.1%, #d1bbd7 19.4%, #c5b7d9 22.6%, #b9b4d8 25.8%, #aeb1d6 29.0%, #a4b0d5 32.3%, #9ab1d4 35.5%, #92b6d4 38.7%, #8cbed4 41.9%, #8dccd3 45.2%, #9bdbce 48.4%, #b5e9c6 51.6%, #d5f3be 54.8%, #f1f7bb 58.1%, #fff8ca 61.3%, #fff7dc 64.5%, #fff6d6 67.7%, #fff3c2 71.0%, #faeeb8 74.2%, #f6e5b2 77.4%, #f7daa9 80.6%, #f9c8a1 83.9%, #f6b2a4 87.1%, #e79eb3 90.3%, #cb90c5 93.5%, #a98ad0 96.8%, #8d88d3 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(97.24% 0.0193 70.31) 0.0%, oklch(95.48% 0.0223 57.85) 3.2%, oklch(92.96% 0.0267 40.34) 6.5%, oklch(90.00% 0.0318 19.70) 9.7%, oklch(86.94% 0.0371 357.87) 12.9%, oklch(84.11% 0.0421 336.77) 16.1%, oklch(81.85% 0.0462 318.33) 19.4%, oklch(80.13% 0.0491 303.72) 22.6%, oklch(78.47% 0.0514 291.66) 25.8%, oklch(77.03% 0.0531 280.90) 29.0%, oklch(76.01% 0.0546 270.25) 32.3%, oklch(75.59% 0.0563 258.51) 35.5%, oklch(75.97% 0.0583 244.50) 38.7%, oklch(77.46% 0.0610 226.77) 41.9%, oklch(80.50% 0.0644 204.58) 45.2%, oklch(84.52% 0.0683 179.91) 48.4%, oklch(88.85% 0.0720 154.90) 51.6%, oklch(92.84% 0.0754 131.71) 54.8%, oklch(95.82% 0.0777 112.50) 58.1%, oklch(97.23% 0.0586 99.54) 61.3%, oklch(97.60% 0.0370 94.25) 64.5%, oklch(97.19% 0.0428 94.03) 67.7%, oklch(96.12% 0.0644 95.72) 71.0%, oklch(94.50% 0.0700 96.16) 74.2%, oklch(92.44% 0.0692 92.18) 77.4%, oklch(90.03% 0.0709 80.61) 80.6%, oklch(86.60% 0.0756 59.49) 83.9%, oklch(82.24% 0.0825 31.58) 87.1%, oklch(77.47% 0.0906 0.58) 90.3%, oklch(72.85% 0.0986 330.22) 93.5%, oklch(68.89% 0.1055 304.20) 96.8%, oklch(66.14% 0.1102 286.24) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.972 | 0.019 | 70.3 |
| 2 | 0.815 | 0.047 | -44.9 |
| 3 | 0.764 | 0.059 | -122 |
| 4 | 0.969 | 0.079 | -256.2 |
| 5 | 0.906 | 0.07 | -276.3 |
| 6 | 0.661 | 0.11 | -433.8 |

## In these collections

- [Spring pastel gradients](https://grabient.com/spring-pastel-gradients)

## Other forms

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