# Lavender, blue, gray and pink radial gradient

Lavender, blue, gray and pink radial gradient with 32 colors: #d9b2c1, #cfaabd, #c09fb6, #ae92ad, #9983a2, #827596, #6c6989, #585e7d, #455672, #375169, #2d5062, #2a545f, #325d60, #436a63, #5a7a6a, #768a74, #939c82, #aead93, #c8bda4, #dccab4, #ecd2c0, #f5d5c6, #fad2c7, #fbcbc2, #f9c0bb, #f5b3b2, #efa5a7, #e8969c, #e18792, #db7a89, #d56f82, #d1677f. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUzCT7NJKxHGOqvSMTrg`
- Page: https://grabient.com/kUzCT7NJKxHGOqvSMTrg?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: muted
- Hues: analogous
- Contrast of its darkest and lightest colors: 6.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 | `#d9b2c1` | `oklch(80.31% 0.0496 352.97)` | Mauvelous | black, 11.1 to 1 |
| 2 | `#cfaabd` | `oklch(77.71% 0.0497 345.98)` | Winsome Orchid | black, 10.1 to 1 |
| 3 | `#c09fb6` | `oklch(73.91% 0.0500 337.33)` | Lily | black, 8.8 to 1 |
| 4 | `#ae92ad` | `oklch(69.25% 0.0503 327.20)` | Enthroned Above | black, 7.4 to 1 |
| 5 | `#9983a2` | `oklch(64.07% 0.0506 315.81)` | Rhapsody | black, 6.1 to 1 |
| 6 | `#827596` | `oklch(58.71% 0.0509 303.35)` | Grape Harvest | black, 4.9 to 1 |
| 7 | `#6c6989` | `oklch(53.52% 0.0512 290.03)` | Heron | white, 5.2 to 1 |
| 8 | `#585e7d` | `oklch(48.85% 0.0514 276.05)` | When Worlds Collide | white, 6.3 to 1 |
| 9 | `#455672` | `oklch(45.02% 0.0515 261.60)` | Hidden Sapphire | white, 7.4 to 1 |
| 10 | `#375169` | `oklch(42.39% 0.0514 246.89)` | Velvet Rope | white, 8.2 to 1 |
| 11 | `#2d5062` | `oklch(41.30% 0.0511 232.12)` | Shadow of Night | white, 8.6 to 1 |
| 12 | `#2a545f` | `oklch(42.12% 0.0504 216.96)` | Blue Bayberry | white, 8.2 to 1 |
| 13 | `#325d60` | `oklch(44.94% 0.0488 200.04)` | Arctic Nights | white, 7.2 to 1 |
| 14 | `#436a63` | `oklch(49.35% 0.0464 181.74)` | Smoke Pine | white, 6 to 1 |
| 15 | `#5a7a6a` | `oklch(54.91% 0.0437 162.55)` | Stately Stems | white, 4.7 to 1 |
| 16 | `#768a74` | `oklch(61.19% 0.0409 142.99)` | Hedge Green | black, 5.6 to 1 |
| 17 | `#939c82` | `oklch(67.76% 0.0384 123.57)` | Whispering Willow | black, 7.3 to 1 |
| 18 | `#aead93` | `oklch(74.17% 0.0365 104.79)` | Photo Grey | black, 9.2 to 1 |
| 19 | `#c8bda4` | `oklch(80.00% 0.0356 87.17)` | Courtyard | black, 11.2 to 1 |
| 20 | `#dccab4` | `oklch(84.81% 0.0359 71.21)` | Warm Shell | black, 13.1 to 1 |
| 21 | `#ecd2c0` | `oklch(88.16% 0.0377 57.42)` | Cream of Mushroom | black, 14.5 to 1 |
| 22 | `#f5d5c6` | `oklch(89.66% 0.0415 46.25)` | Nutter Butter | black, 15.2 to 1 |
| 23 | `#fad2c7` | `oklch(89.55% 0.0477 37.30)` | Salmon Mousse | black, 15.1 to 1 |
| 24 | `#fbcbc2` | `oklch(88.21% 0.0561 30.15)` | Full Bloom | black, 14.4 to 1 |
| 25 | `#f9c0bb` | `oklch(85.89% 0.0661 24.54)` | Mystic Rose | black, 13.3 to 1 |
| 26 | `#f5b3b2` | `oklch(82.85% 0.0772 20.23)` | Precious Pink | black, 12 to 1 |
| 27 | `#efa5a7` | `oklch(79.37% 0.0888 16.97)` | Calabrese | black, 10.6 to 1 |
| 28 | `#e8969c` | `oklch(75.71% 0.1003 14.49)` | Franken Berry | black, 9.2 to 1 |
| 29 | `#e18792` | `oklch(72.13% 0.1112 12.55)` | Melancholy | black, 8 to 1 |
| 30 | `#db7a89` | `oklch(68.91% 0.1210 10.89)` | Creamy Coral | black, 7.1 to 1 |
| 31 | `#d56f82` | `oklch(66.30% 0.1291 9.26)` | Strawberry Milkshake | black, 6.4 to 1 |
| 32 | `#d1677f` | `oklch(64.57% 0.1350 7.41)` | Pinkish | black, 5.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #d9b2c1 0.0%, #cfaabd 3.2%, #c09fb6 6.5%, #ae92ad 9.7%, #9983a2 12.9%, #827596 16.1%, #6c6989 19.4%, #585e7d 22.6%, #455672 25.8%, #375169 29.0%, #2d5062 32.3%, #2a545f 35.5%, #325d60 38.7%, #436a63 41.9%, #5a7a6a 45.2%, #768a74 48.4%, #939c82 51.6%, #aead93 54.8%, #c8bda4 58.1%, #dccab4 61.3%, #ecd2c0 64.5%, #f5d5c6 67.7%, #fad2c7 71.0%, #fbcbc2 74.2%, #f9c0bb 77.4%, #f5b3b2 80.6%, #efa5a7 83.9%, #e8969c 87.1%, #e18792 90.3%, #db7a89 93.5%, #d56f82 96.8%, #d1677f 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(80.31% 0.0496 352.97) 0.0%, oklch(77.71% 0.0497 345.98) 3.2%, oklch(73.91% 0.0500 337.33) 6.5%, oklch(69.25% 0.0503 327.20) 9.7%, oklch(64.07% 0.0506 315.81) 12.9%, oklch(58.71% 0.0509 303.35) 16.1%, oklch(53.52% 0.0512 290.03) 19.4%, oklch(48.85% 0.0514 276.05) 22.6%, oklch(45.02% 0.0515 261.60) 25.8%, oklch(42.39% 0.0514 246.89) 29.0%, oklch(41.30% 0.0511 232.12) 32.3%, oklch(42.12% 0.0504 216.96) 35.5%, oklch(44.94% 0.0488 200.04) 38.7%, oklch(49.35% 0.0464 181.74) 41.9%, oklch(54.91% 0.0437 162.55) 45.2%, oklch(61.19% 0.0409 142.99) 48.4%, oklch(67.76% 0.0384 123.57) 51.6%, oklch(74.17% 0.0365 104.79) 54.8%, oklch(80.00% 0.0356 87.17) 58.1%, oklch(84.81% 0.0359 71.21) 61.3%, oklch(88.16% 0.0377 57.42) 64.5%, oklch(89.66% 0.0415 46.25) 67.7%, oklch(89.55% 0.0477 37.30) 71.0%, oklch(88.21% 0.0561 30.15) 74.2%, oklch(85.89% 0.0661 24.54) 77.4%, oklch(82.85% 0.0772 20.23) 80.6%, oklch(79.37% 0.0888 16.97) 83.9%, oklch(75.71% 0.1003 14.49) 87.1%, oklch(72.13% 0.1112 12.55) 90.3%, oklch(68.91% 0.1210 10.89) 93.5%, oklch(66.30% 0.1291 9.26) 96.8%, oklch(64.57% 0.1350 7.41) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.803 | 0.05 | 353 |
| 2 | 0.413 | 0.051 | 227.2 |
| 3 | 0.894 | 0.04 | 49.7 |
| 4 | 0.646 | 0.135 | 7.4 |

## Other forms

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