# Pink, blue, brown and purple radial gradient

Pink, blue, brown and purple radial gradient with 32 colors: #d7a4aa, #cd9fae, #bd99b2, #a894b3, #918fae, #7c89a2, #6c8294, #607b87, #58747e, #4f6e77, #466673, #3e5f70, #39576f, #3a506f, #3f4a6f, #47476f, #51466f, #634b71, #785372, #8d6072, #9e6e73, #aa7d75, #b18878, #b28c7a, #ae8678, #a27975, #8f6870, #76576b, #594762, #3c3956, #252f49, #15283e. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWwywHxY0uTUYx_VE82opGt4`
- Page: https://grabient.com/kWwywHxY0uTUYx_VE82opGt4?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: muted
- Hues: wide
- Contrast of its darkest and lightest colors: 6.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 | `#d7a4aa` | `oklch(76.77% 0.0606 10.55)` | Prom | black, 9.7 to 1 |
| 2 | `#cd9fae` | `oklch(74.94% 0.0582 357.04)` | Pink Ice | black, 9.1 to 1 |
| 3 | `#bd99b2` | `oklch(72.42% 0.0546 337.33)` | Cherished | black, 8.3 to 1 |
| 4 | `#a894b3` | `oklch(69.42% 0.0502 313.75)` | Gleeful Joy | black, 7.5 to 1 |
| 5 | `#918fae` | `oklch(66.14% 0.0457 288.68)` | Orchilla | black, 6.7 to 1 |
| 6 | `#7c89a2` | `oklch(62.77% 0.0415 264.47)` | Faded Denim | black, 5.9 to 1 |
| 7 | `#6c8294` | `oklch(59.53% 0.0381 243.47)` | Gilneas Grey | black, 5.2 to 1 |
| 8 | `#607b87` | `oklch(56.59% 0.0361 228.04)` | Night Owl | black, 4.6 to 1 |
| 9 | `#58747e` | `oklch(54.15% 0.0360 220.43)` | Blue Sage | white, 4.9 to 1 |
| 10 | `#4f6e77` | `oklch(51.70% 0.0382 219.63)` | Blue Sentinel | white, 5.5 to 1 |
| 11 | `#466673` | `oklch(49.15% 0.0423 223.89)` | Winter Evening | white, 6.1 to 1 |
| 12 | `#3e5f70` | `oklch(46.69% 0.0474 232.11)` | Deep Twilight Blue | white, 6.8 to 1 |
| 13 | `#39576f` | `oklch(44.50% 0.0531 243.22)` | Winner’s Circle | white, 7.5 to 1 |
| 14 | `#3a506f` | `oklch(42.78% 0.0587 256.13)` | Blue Flag | white, 8.1 to 1 |
| 15 | `#3f4a6f` | `oklch(41.71% 0.0634 269.76)` | Egyptian Violet | white, 8.6 to 1 |
| 16 | `#47476f` | `oklch(41.47% 0.0666 283.02)` | Palace Arms | white, 8.8 to 1 |
| 17 | `#51466f` | `oklch(42.41% 0.0679 295.83)` | Evening Fizz | white, 8.5 to 1 |
| 18 | `#634b71` | `oklch(45.19% 0.0676 312.67)` | Your Majesty | white, 7.6 to 1 |
| 19 | `#785372` | `oklch(49.32% 0.0661 332.54)` | Opulent Ostrich | white, 6.3 to 1 |
| 20 | `#8d6072` | `oklch(54.15% 0.0639 353.38)` | Victorian Plum | white, 5.2 to 1 |
| 21 | `#9e6e73` | `oklch(59.01% 0.0613 13.17)` | Fruitwood | black, 4.9 to 1 |
| 22 | `#aa7d75` | `oklch(63.22% 0.0585 29.84)` | Ferris Wheel | black, 5.9 to 1 |
| 23 | `#b18878` | `oklch(66.13% 0.0560 41.37)` | Caramel Brown | black, 6.6 to 1 |
| 24 | `#b28c7a` | `oklch(67.08% 0.0541 45.70)` | Plum Blossom Dye | black, 6.9 to 1 |
| 25 | `#ae8678` | `oklch(65.48% 0.0529 40.65)` | Canyon Earth | black, 6.4 to 1 |
| 26 | `#a27975` | `oklch(61.56% 0.0518 26.22)` | Burlwood | black, 5.5 to 1 |
| 27 | `#8f6870` | `oklch(56.00% 0.0509 5.06)` | Mauve-a-Lish | white, 4.7 to 1 |
| 28 | `#76576b` | `oklch(49.47% 0.0502 339.89)` | Exotic Orchid | white, 6.3 to 1 |
| 29 | `#594762` | `oklch(42.65% 0.0496 313.41)` | Purple People Eater | white, 8.4 to 1 |
| 30 | `#3c3956` | `oklch(36.21% 0.0491 288.34)` | Magic Night | white, 10.9 to 1 |
| 31 | `#252f49` | `oklch(30.82% 0.0486 267.38)` | Manganese Black | white, 13.3 to 1 |
| 32 | `#15283e` | `oklch(27.17% 0.0482 253.25)` | Eternal Darkness | white, 14.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #d7a4aa 0.0%, #cd9fae 3.2%, #bd99b2 6.5%, #a894b3 9.7%, #918fae 12.9%, #7c89a2 16.1%, #6c8294 19.4%, #607b87 22.6%, #58747e 25.8%, #4f6e77 29.0%, #466673 32.3%, #3e5f70 35.5%, #39576f 38.7%, #3a506f 41.9%, #3f4a6f 45.2%, #47476f 48.4%, #51466f 51.6%, #634b71 54.8%, #785372 58.1%, #8d6072 61.3%, #9e6e73 64.5%, #aa7d75 67.7%, #b18878 71.0%, #b28c7a 74.2%, #ae8678 77.4%, #a27975 80.6%, #8f6870 83.9%, #76576b 87.1%, #594762 90.3%, #3c3956 93.5%, #252f49 96.8%, #15283e 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(76.77% 0.0606 10.55) 0.0%, oklch(74.94% 0.0582 357.04) 3.2%, oklch(72.42% 0.0546 337.33) 6.5%, oklch(69.42% 0.0502 313.75) 9.7%, oklch(66.14% 0.0457 288.68) 12.9%, oklch(62.77% 0.0415 264.47) 16.1%, oklch(59.53% 0.0381 243.47) 19.4%, oklch(56.59% 0.0361 228.04) 22.6%, oklch(54.15% 0.0360 220.43) 25.8%, oklch(51.70% 0.0382 219.63) 29.0%, oklch(49.15% 0.0423 223.89) 32.3%, oklch(46.69% 0.0474 232.11) 35.5%, oklch(44.50% 0.0531 243.22) 38.7%, oklch(42.78% 0.0587 256.13) 41.9%, oklch(41.71% 0.0634 269.76) 45.2%, oklch(41.47% 0.0666 283.02) 48.4%, oklch(42.41% 0.0679 295.83) 51.6%, oklch(45.19% 0.0676 312.67) 54.8%, oklch(49.32% 0.0661 332.54) 58.1%, oklch(54.15% 0.0639 353.38) 61.3%, oklch(59.01% 0.0613 13.17) 64.5%, oklch(63.22% 0.0585 29.84) 67.7%, oklch(66.13% 0.0560 41.37) 71.0%, oklch(67.08% 0.0541 45.70) 74.2%, oklch(65.48% 0.0529 40.65) 77.4%, oklch(61.56% 0.0518 26.22) 80.6%, oklch(56.00% 0.0509 5.06) 83.9%, oklch(49.47% 0.0502 339.89) 87.1%, oklch(42.65% 0.0496 313.41) 90.3%, oklch(36.21% 0.0491 288.34) 93.5%, oklch(30.82% 0.0486 267.38) 96.8%, oklch(27.17% 0.0482 253.25) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.768 | 0.061 | 10.5 |
| 2 | 0.547 | 0.036 | -138.5 |
| 3 | 0.417 | 0.068 | -70.8 |
| 4 | 0.669 | 0.054 | 45.4 |
| 5 | 0.272 | 0.048 | -106.8 |

## In these collections

- [Dusk gradients](https://grabient.com/dusk-gradients)

## Other forms

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