# Vivid analogous purple to pink radial gradient

Vivid analogous purple to pink radial gradient with 40 colors: #823758, #883b5d, #904164, #99486c, #a45076, #b15880, #bd628b, #ca6b97, #d674a2, #e27cac, #ec83b6, #f489bd, #fa8dc3, #fe8fc6, #fe8ec6, #fb8bc3, #f586be, #ed80b8, #e579b0, #db71a7, #d1689e, #c76095, #be578d, #b65086, #b04980, #ad437d, #ab3e7c, #ad3b7d, #b13781, #b63486, #bd318d, #c52e96, #cd2b9f, #d627aa, #df23b5, #e71ec0, #ef19ca, #f612d4, #fb0adc, #ff00e1. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUclD847W_UQ5P9Xbr5A`
- Page: https://grabient.com/kUclD847W_UQ5P9Xbr5A?style=radialGradient&steps=40&angle=0
- Drawn as: radial gradient, 40 steps, 0 degrees
- Kinds: vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.7 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 | `#823758` | `oklch(44.88% 0.1102 355.08)` | Alfonso Olive | white, 7.9 to 1 |
| 2 | `#883b5d` | `oklch(46.52% 0.1120 354.83)` | Berry Patch | white, 7.4 to 1 |
| 3 | `#904164` | `oklch(48.77% 0.1142 354.51)` | Putnam Plum | white, 6.7 to 1 |
| 4 | `#99486c` | `oklch(51.51% 0.1168 354.13)` | Befitting | white, 6 to 1 |
| 5 | `#a45076` | `oklch(54.62% 0.1198 353.70)` | Our Little Secret | white, 5.2 to 1 |
| 6 | `#b15880` | `oklch(57.97% 0.1231 353.24)` | Guppy Violet | white, 4.5 to 1 |
| 7 | `#bd628b` | `oklch(61.43% 0.1265 352.75)` | Malevolent Mauve | black, 5.2 to 1 |
| 8 | `#ca6b97` | `oklch(64.88% 0.1300 352.25)` | Fuchsia Kiss | black, 6 to 1 |
| 9 | `#d674a2` | `oklch(68.20% 0.1334 351.76)` | Wild Orchid | black, 6.8 to 1 |
| 10 | `#e27cac` | `oklch(71.25% 0.1368 351.28)` | Pinking. Fast and Slow | black, 7.7 to 1 |
| 11 | `#ec83b6` | `oklch(73.92% 0.1400 350.83)` | Brown Knapweed | black, 8.4 to 1 |
| 12 | `#f489bd` | `oklch(76.07% 0.1429 350.43)` | Bubblegum Beam | black, 9.1 to 1 |
| 13 | `#fa8dc3` | `oklch(77.59% 0.1454 350.08)` | Cochonnet | black, 9.6 to 1 |
| 14 | `#fe8fc6` | `oklch(78.35% 0.1474 349.79)` | Cochonnet | black, 9.9 to 1 |
| 15 | `#fe8ec6` | `oklch(78.24% 0.1487 349.61)` | Cochonnet | black, 9.8 to 1 |
| 16 | `#fb8bc3` | `oklch(77.34% 0.1491 349.53)` | Cochonnet | black, 9.5 to 1 |
| 17 | `#f586be` | `oklch(75.79% 0.1487 349.52)` | Tea Rose | black, 9 to 1 |
| 18 | `#ed80b8` | `oklch(73.71% 0.1479 349.57)` | Fuchsia Blush | black, 8.3 to 1 |
| 19 | `#e579b0` | `oklch(71.24% 0.1469 349.66)` | Fuchsia Blush | black, 7.6 to 1 |
| 20 | `#db71a7` | `oklch(68.52% 0.1458 349.75)` | Liseran Purple | black, 6.9 to 1 |
| 21 | `#d1689e` | `oklch(65.67% 0.1450 349.83)` | Nocturnal Rose | black, 6.1 to 1 |
| 22 | `#c76095` | `oklch(62.84% 0.1446 349.88)` | Ibis Rose | black, 5.5 to 1 |
| 23 | `#be578d` | `oklch(60.15% 0.1449 349.86)` | Berry Boost | black, 4.9 to 1 |
| 24 | `#b65086` | `oklch(57.75% 0.1460 349.76)` | Pink Pizzazz | white, 4.6 to 1 |
| 25 | `#b04980` | `oklch(55.75% 0.1483 349.56)` | Exuberant Pink | white, 5.1 to 1 |
| 26 | `#ad437d` | `oklch(54.31% 0.1519 349.22)` | Mystic Maroon | white, 5.4 to 1 |
| 27 | `#ab3e7c` | `oklch(53.54% 0.1571 348.74)` | Pink Ballad | white, 5.6 to 1 |
| 28 | `#ad3b7d` | `oklch(53.43% 0.1643 348.06)` | Maximum Red Purple | white, 5.6 to 1 |
| 29 | `#b13781` | `oklch(53.80% 0.1737 347.18)` | Fandango | white, 5.6 to 1 |
| 30 | `#b63486` | `oklch(54.59% 0.1847 346.15)` | Fandango | white, 5.4 to 1 |
| 31 | `#bd318d` | `oklch(55.70% 0.1971 345.00)` | Lust Priestess | white, 5.2 to 1 |
| 32 | `#c52e96` | `oklch(57.08% 0.2105 343.75)` | Royal Fuchsia | white, 5 to 1 |
| 33 | `#cd2b9f` | `oklch(58.65% 0.2244 342.46)` | Indian Lake | white, 4.7 to 1 |
| 34 | `#d627aa` | `oklch(60.32% 0.2384 341.15)` | Melodramatic Magenta | black, 4.7 to 1 |
| 35 | `#df23b5` | `oklch(62.03% 0.2523 339.86)` | Loudicious Pink | black, 5 to 1 |
| 36 | `#e71ec0` | `oklch(63.70% 0.2655 338.63)` | Kriss Me Not Fuchsia | black, 5.3 to 1 |
| 37 | `#ef19ca` | `oklch(65.26% 0.2777 337.49)` | Ferocious Flamingo | black, 5.6 to 1 |
| 38 | `#f612d4` | `oklch(66.63% 0.2886 336.48)` | Mademoiselle Pink | black, 5.9 to 1 |
| 39 | `#fb0adc` | `oklch(67.73% 0.2976 335.64)` | Cupid’s Eye | black, 6.1 to 1 |
| 40 | `#ff00e1` | `oklch(68.50% 0.3045 335.00)` | Bright Magenta | black, 6.3 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #823758 0.0%, #883b5d 2.6%, #904164 5.1%, #99486c 7.7%, #a45076 10.3%, #b15880 12.8%, #bd628b 15.4%, #ca6b97 17.9%, #d674a2 20.5%, #e27cac 23.1%, #ec83b6 25.6%, #f489bd 28.2%, #fa8dc3 30.8%, #fe8fc6 33.3%, #fe8ec6 35.9%, #fb8bc3 38.5%, #f586be 41.0%, #ed80b8 43.6%, #e579b0 46.2%, #db71a7 48.7%, #d1689e 51.3%, #c76095 53.8%, #be578d 56.4%, #b65086 59.0%, #b04980 61.5%, #ad437d 64.1%, #ab3e7c 66.7%, #ad3b7d 69.2%, #b13781 71.8%, #b63486 74.4%, #bd318d 76.9%, #c52e96 79.5%, #cd2b9f 82.1%, #d627aa 84.6%, #df23b5 87.2%, #e71ec0 89.7%, #ef19ca 92.3%, #f612d4 94.9%, #fb0adc 97.4%, #ff00e1 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(44.88% 0.1102 355.08) 0.0%, oklch(46.52% 0.1120 354.83) 2.6%, oklch(48.77% 0.1142 354.51) 5.1%, oklch(51.51% 0.1168 354.13) 7.7%, oklch(54.62% 0.1198 353.70) 10.3%, oklch(57.97% 0.1231 353.24) 12.8%, oklch(61.43% 0.1265 352.75) 15.4%, oklch(64.88% 0.1300 352.25) 17.9%, oklch(68.20% 0.1334 351.76) 20.5%, oklch(71.25% 0.1368 351.28) 23.1%, oklch(73.92% 0.1400 350.83) 25.6%, oklch(76.07% 0.1429 350.43) 28.2%, oklch(77.59% 0.1454 350.08) 30.8%, oklch(78.35% 0.1474 349.79) 33.3%, oklch(78.24% 0.1487 349.61) 35.9%, oklch(77.34% 0.1491 349.53) 38.5%, oklch(75.79% 0.1487 349.52) 41.0%, oklch(73.71% 0.1479 349.57) 43.6%, oklch(71.24% 0.1469 349.66) 46.2%, oklch(68.52% 0.1458 349.75) 48.7%, oklch(65.67% 0.1450 349.83) 51.3%, oklch(62.84% 0.1446 349.88) 53.8%, oklch(60.15% 0.1449 349.86) 56.4%, oklch(57.75% 0.1460 349.76) 59.0%, oklch(55.75% 0.1483 349.56) 61.5%, oklch(54.31% 0.1519 349.22) 64.1%, oklch(53.54% 0.1571 348.74) 66.7%, oklch(53.43% 0.1643 348.06) 69.2%, oklch(53.80% 0.1737 347.18) 71.8%, oklch(54.59% 0.1847 346.15) 74.4%, oklch(55.70% 0.1971 345.00) 76.9%, oklch(57.08% 0.2105 343.75) 79.5%, oklch(58.65% 0.2244 342.46) 82.1%, oklch(60.32% 0.2384 341.15) 84.6%, oklch(62.03% 0.2523 339.86) 87.2%, oklch(63.70% 0.2655 338.63) 89.7%, oklch(65.26% 0.2777 337.49) 92.3%, oklch(66.63% 0.2886 336.48) 94.9%, oklch(67.73% 0.2976 335.64) 97.4%, oklch(68.50% 0.3045 335.00) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.449 | 0.11 | 355.1 |
| 2 | 0.783 | 0.147 | 349.8 |
| 3 | 0.535 | 0.157 | 348.7 |
| 4 | 0.685 | 0.305 | 335 |

## In these collections

- [Pink gradients](https://grabient.com/pink-gradients)

## Other forms

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