# Blush and violet bloom

Off-white, pink, gray and purple radial gradient with 32 colors: #fff0dc, #fce8d5, #f9decc, #f5d2c4, #efc5bd, #e8b8b9, #e0acb8, #d6a3b8, #ce9cb9, #c596bb, #bc91bd, #b38dbf, #ab8ac1, #a588c1, #a186c0, #a184be, #a683b9, #b085b1, #bc89a6, #c5919c, #c89b95, #c6a494, #c2aa96, #bdab96, #b8a691, #b19b86, #a98c7a, #a17b6e, #966a66, #8b5a62, #7f4e60, #77465f. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Off-white, pink, gray and purple radial gradient
- Seed: `kW9BY035m1dQgO7fDU5ups2A`
- Page: https://grabient.com/kW9BY035m1dQgO7fDU5ups2A?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: muted, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 6.5 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 | `#fff0dc` | `oklch(96.06% 0.0303 73.83)` | Peach Cream | black, 18.6 to 1 |
| 2 | `#fce8d5` | `oklch(94.31% 0.0337 66.34)` | Peach Fade | black, 17.6 to 1 |
| 3 | `#f9decc` | `oklch(91.87% 0.0383 55.92)` | Arrowroot | black, 16.3 to 1 |
| 4 | `#f5d2c4` | `oklch(88.96% 0.0439 43.49)` | Demure Pink | black, 14.9 to 1 |
| 5 | `#efc5bd` | `oklch(85.79% 0.0499 29.97)` | Peach Ash | black, 13.3 to 1 |
| 6 | `#e8b8b9` | `oklch(82.58% 0.0561 16.26)` | Wind Rose | black, 11.9 to 1 |
| 7 | `#e0acb8` | `oklch(79.52% 0.0620 3.28)` | Apple Infusion | black, 10.7 to 1 |
| 8 | `#d6a3b8` | `oklch(76.84% 0.0671 351.94)` | Gizmo | black, 9.7 to 1 |
| 9 | `#ce9cb9` | `oklch(74.72% 0.0712 343.02)` | Peach Buff | black, 9 to 1 |
| 10 | `#c596bb` | `oklch(72.87% 0.0752 334.54)` | Moorland Heather | black, 8.4 to 1 |
| 11 | `#bc91bd` | `oklch(71.17% 0.0792 326.03)` | La la Love | black, 7.9 to 1 |
| 12 | `#b38dbf` | `oklch(69.66% 0.0829 318.17)` | Young Prince | black, 7.4 to 1 |
| 13 | `#ab8ac1` | `oklch(68.37% 0.0861 311.64)` | East Side | black, 7.1 to 1 |
| 14 | `#a588c1` | `oklch(67.34% 0.0884 307.13)` | Classic Bouquet | black, 6.8 to 1 |
| 15 | `#a186c0` | `oklch(66.60% 0.0895 305.31)` | Petrified Purple | black, 6.6 to 1 |
| 16 | `#a184be` | `oklch(66.20% 0.0891 306.87)` | Lilac Purple | black, 6.5 to 1 |
| 17 | `#a683b9` | `oklch(66.27% 0.0866 312.97)` | Purple Statice | black, 6.5 to 1 |
| 18 | `#b085b1` | `oklch(67.27% 0.0811 325.99)` | African Violet | black, 6.8 to 1 |
| 19 | `#bc89a6` | `oklch(68.94% 0.0733 344.20)` | A Plum Job | black, 7.2 to 1 |
| 20 | `#c5919c` | `oklch(70.94% 0.0642 5.25)` | Grey Pink | black, 7.8 to 1 |
| 21 | `#c89b95` | `oklch(72.91% 0.0549 26.78)` | Pepperberry | black, 8.5 to 1 |
| 22 | `#c6a494` | `oklch(74.49% 0.0465 46.45)` | Howdy Partner | black, 9.1 to 1 |
| 23 | `#c2aa96` | `oklch(75.33% 0.0399 61.90)` | Adobe Straw | black, 9.4 to 1 |
| 24 | `#bdab96` | `oklch(75.08% 0.0362 70.79)` | Portico | black, 9.4 to 1 |
| 25 | `#b8a691` | `oklch(73.38% 0.0361 71.42)` | Humus | black, 8.8 to 1 |
| 26 | `#b19b86` | `oklch(70.28% 0.0391 65.16)` | Weathered Wood | black, 7.8 to 1 |
| 27 | `#a98c7a` | `oklch(66.20% 0.0444 53.92)` | Chocolate Powder | black, 6.7 to 1 |
| 28 | `#a17b6e` | `oklch(61.57% 0.0510 39.56)` | Woodhaven | black, 5.5 to 1 |
| 29 | `#966a66` | `oklch(56.82% 0.0581 23.94)` | Clay Ridge | white, 4.6 to 1 |
| 30 | `#8b5a62` | `oklch(52.36% 0.0649 8.94)` | Rabbit Paws | white, 5.6 to 1 |
| 31 | `#7f4e60` | `oklch(48.64% 0.0707 356.41)` | Artful Magenta | white, 6.6 to 1 |
| 32 | `#77465f` | `oklch(46.06% 0.0744 348.23)` | Scintillating Violet | white, 7.4 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #fff0dc 0.0%, #fce8d5 3.2%, #f9decc 6.5%, #f5d2c4 9.7%, #efc5bd 12.9%, #e8b8b9 16.1%, #e0acb8 19.4%, #d6a3b8 22.6%, #ce9cb9 25.8%, #c596bb 29.0%, #bc91bd 32.3%, #b38dbf 35.5%, #ab8ac1 38.7%, #a588c1 41.9%, #a186c0 45.2%, #a184be 48.4%, #a683b9 51.6%, #b085b1 54.8%, #bc89a6 58.1%, #c5919c 61.3%, #c89b95 64.5%, #c6a494 67.7%, #c2aa96 71.0%, #bdab96 74.2%, #b8a691 77.4%, #b19b86 80.6%, #a98c7a 83.9%, #a17b6e 87.1%, #966a66 90.3%, #8b5a62 93.5%, #7f4e60 96.8%, #77465f 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(96.06% 0.0303 73.83) 0.0%, oklch(94.31% 0.0337 66.34) 3.2%, oklch(91.87% 0.0383 55.92) 6.5%, oklch(88.96% 0.0439 43.49) 9.7%, oklch(85.79% 0.0499 29.97) 12.9%, oklch(82.58% 0.0561 16.26) 16.1%, oklch(79.52% 0.0620 3.28) 19.4%, oklch(76.84% 0.0671 351.94) 22.6%, oklch(74.72% 0.0712 343.02) 25.8%, oklch(72.87% 0.0752 334.54) 29.0%, oklch(71.17% 0.0792 326.03) 32.3%, oklch(69.66% 0.0829 318.17) 35.5%, oklch(68.37% 0.0861 311.64) 38.7%, oklch(67.34% 0.0884 307.13) 41.9%, oklch(66.60% 0.0895 305.31) 45.2%, oklch(66.20% 0.0891 306.87) 48.4%, oklch(66.27% 0.0866 312.97) 51.6%, oklch(67.27% 0.0811 325.99) 54.8%, oklch(68.94% 0.0733 344.20) 58.1%, oklch(70.94% 0.0642 5.25) 61.3%, oklch(72.91% 0.0549 26.78) 64.5%, oklch(74.49% 0.0465 46.45) 67.7%, oklch(75.33% 0.0399 61.90) 71.0%, oklch(75.08% 0.0362 70.79) 74.2%, oklch(73.38% 0.0361 71.42) 77.4%, oklch(70.28% 0.0391 65.16) 80.6%, oklch(66.20% 0.0444 53.92) 83.9%, oklch(61.57% 0.0510 39.56) 87.1%, oklch(56.82% 0.0581 23.94) 90.3%, oklch(52.36% 0.0649 8.94) 93.5%, oklch(48.64% 0.0707 356.41) 96.8%, oklch(46.06% 0.0744 348.23) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.961 | 0.03 | 73.8 |
| 2 | 0.752 | 0.07 | -14.9 |
| 3 | 0.661 | 0.088 | -50.9 |
| 4 | 0.748 | 0.036 | 71.7 |
| 5 | 0.461 | 0.074 | -11.8 |

## In these collections

- [Lavender](https://grabient.com/lavender)

## Other forms

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