# Analogous purple and pink radial gradient

Analogous purple and pink radial gradient with 48 colors: #823758, #8b395e, #983c66, #a73e70, #b8417c, #c94588, #d94b94, #e651a0, #ef5aa9, #f565b2, #f971b9, #fa7ebf, #fa8bc5, #f997ca, #f7a3ce, #f6add3, #f6b6d7, #f7bedc, #f7c7e1, #f7d0e5, #f8d7e9, #f8deec, #f8e2ee, #f8e5f0, #f8e5f0, #f8e2ef, #f7dded, #f6d7ea, #f5cfe7, #f4c7e4, #f3bee1, #f2b6df, #f1afde, #f2a7dd, #f39ede, #f495de, #f48cde, #f283de, #ef7adc, #e972d8, #e06bd1, #d464c7, #c55ebc, #b658af, #a753a2, #9a4e96, #8f4a8c, #874785. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kaclD81si_eqgv33iT96qC_dvFP0_q79g`
- Page: https://grabient.com/kaclD81si_eqgv33iT96qC_dvFP0_q79g?style=radialGradient&steps=48&angle=40
- Drawn as: radial gradient, 48 steps, 40 degrees
- Kinds: light center, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 6.6 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 | `#8b395e` | `oklch(46.77% 0.1187 354.74)` | Quinacridone Magenta | white, 7.3 to 1 |
| 3 | `#983c66` | `oklch(49.35% 0.1316 354.30)` | Dynamo | white, 6.6 to 1 |
| 4 | `#a73e70` | `oklch(52.42% 0.1470 353.77)` | Medium Ruby | white, 5.8 to 1 |
| 5 | `#b8417c` | `oklch(55.80% 0.1632 353.18)` | Razzle Dazzle | white, 5.1 to 1 |
| 6 | `#c94588` | `oklch(59.29% 0.1784 352.56)` | Smitten | black, 4.6 to 1 |
| 7 | `#d94b94` | `oklch(62.70% 0.1907 351.93)` | Kirby | black, 5.3 to 1 |
| 8 | `#e651a0` | `oklch(65.84% 0.1983 351.32)` | Raspberry Pink | black, 6 to 1 |
| 9 | `#ef5aa9` | `oklch(68.52% 0.1995 350.76)` | Fugitive Flamingo | black, 6.7 to 1 |
| 10 | `#f565b2` | `oklch(70.91% 0.1937 350.22)` | Fugitive Flamingo | black, 7.3 to 1 |
| 11 | `#f971b9` | `oklch(73.16% 0.1825 349.68)` | Pop That Gum | black, 8 to 1 |
| 12 | `#fa7ebf` | `oklch(75.28% 0.1674 349.14)` | Persian Pink | black, 8.8 to 1 |
| 13 | `#fa8bc5` | `oklch(77.29% 0.1498 348.60)` | Bubblegum Beam | black, 9.5 to 1 |
| 14 | `#f997ca` | `oklch(79.19% 0.1314 348.06)` | Himalayan Balsam | black, 10.3 to 1 |
| 15 | `#f7a3ce` | `oklch(81.00% 0.1136 347.52)` | Violet Kiss | black, 11 to 1 |
| 16 | `#f6add3` | `oklch(82.74% 0.0980 346.98)` | Spaghetti Strap Pink | black, 11.8 to 1 |
| 17 | `#f6b6d7` | `oklch(84.42% 0.0858 346.44)` | Manga Pink | black, 12.5 to 1 |
| 18 | `#f7bedc` | `oklch(86.17% 0.0743 345.90)` | Flamingo Feather | black, 13.3 to 1 |
| 19 | `#f7c7e1` | `oklch(87.95% 0.0629 345.37)` | Laelia Pink | black, 14.2 to 1 |
| 20 | `#f7d0e5` | `oklch(89.67% 0.0521 344.83)` | Pink Lily | black, 15.1 to 1 |
| 21 | `#f8d7e9` | `oklch(91.22% 0.0424 344.29)` | Sunset Pink | black, 15.9 to 1 |
| 22 | `#f8deec` | `oklch(92.53% 0.0343 343.75)` | Taffeta Tint | black, 16.6 to 1 |
| 23 | `#f8e2ee` | `oklch(93.50% 0.0284 343.21)` | Petal Poise | black, 17.1 to 1 |
| 24 | `#f8e5f0` | `oklch(94.02% 0.0252 342.67)` | Petal Poise | black, 17.4 to 1 |
| 25 | `#f8e5f0` | `oklch(94.02% 0.0252 342.13)` | Petal Poise | black, 17.4 to 1 |
| 26 | `#f8e2ef` | `oklch(93.44% 0.0286 341.60)` | Petal Poise | black, 17.1 to 1 |
| 27 | `#f7dded` | `oklch(92.40% 0.0346 341.08)` | Cherry Flower | black, 16.5 to 1 |
| 28 | `#f6d7ea` | `oklch(91.01% 0.0429 340.57)` | Nursery Pink | black, 15.8 to 1 |
| 29 | `#f5cfe7` | `oklch(89.39% 0.0528 340.04)` | Sparkling Pink | black, 14.9 to 1 |
| 30 | `#f4c7e4` | `oklch(87.66% 0.0636 339.51)` | Venetian Rose | black, 14.1 to 1 |
| 31 | `#f3bee1` | `oklch(85.94% 0.0749 338.95)` | Lavender Soap | black, 13.2 to 1 |
| 32 | `#f2b6df` | `oklch(84.34% 0.0860 338.37)` | Soft Cashmere | black, 12.5 to 1 |
| 33 | `#f1afde` | `oklch(82.94% 0.0974 337.75)` | Hanami Pink | black, 11.9 to 1 |
| 34 | `#f2a7dd` | `oklch(81.63% 0.1117 337.10)` | Pretty Pink Piggy | black, 11.3 to 1 |
| 35 | `#f39ede` | `oklch(80.35% 0.1277 336.41)` | Lavender Rose | black, 10.7 to 1 |
| 36 | `#f495de` | `oklch(79.03% 0.1442 335.71)` | Bubblegum Kisses | black, 10.2 to 1 |
| 37 | `#f48cde` | `oklch(77.63% 0.1600 335.00)` | Pink Delight | black, 9.6 to 1 |
| 38 | `#f283de` | `oklch(76.10% 0.1737 334.30)` | Splash of Grenadine | black, 9 to 1 |
| 39 | `#ef7adc` | `oklch(74.37% 0.1841 333.63)` | Lián Hóng Lotus Pink | black, 8.4 to 1 |
| 40 | `#e972d8` | `oklch(72.40% 0.1898 332.99)` | Hibiscus Pop | black, 7.8 to 1 |
| 41 | `#e06bd1` | `oklch(70.03% 0.1896 332.37)` | Pink Orchid | black, 7.1 to 1 |
| 42 | `#d464c7` | `oklch(67.13% 0.1840 331.74)` | Pink Charge | black, 6.4 to 1 |
| 43 | `#c55ebc` | `oklch(63.91% 0.1744 331.10)` | Purple Urn Orchid | black, 5.6 to 1 |
| 44 | `#b658af` | `oklch(60.56% 0.1624 330.49)` | Royalty Loyalty | black, 5 to 1 |
| 45 | `#a753a2` | `oklch(57.30% 0.1494 329.92)` | Orchid Dottyback | white, 4.7 to 1 |
| 46 | `#9a4e96` | `oklch(54.32% 0.1370 329.41)` | Hyacinth Violet | white, 5.3 to 1 |
| 47 | `#8f4a8c` | `oklch(51.82% 0.1267 328.99)` | Pickled Plum | white, 5.9 to 1 |
| 48 | `#874785` | `oklch(50.00% 0.1199 328.66)` | Lilikoi Flower Purple | white, 6.3 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #823758 0.0%, #8b395e 2.1%, #983c66 4.3%, #a73e70 6.4%, #b8417c 8.5%, #c94588 10.6%, #d94b94 12.8%, #e651a0 14.9%, #ef5aa9 17.0%, #f565b2 19.1%, #f971b9 21.3%, #fa7ebf 23.4%, #fa8bc5 25.5%, #f997ca 27.7%, #f7a3ce 29.8%, #f6add3 31.9%, #f6b6d7 34.0%, #f7bedc 36.2%, #f7c7e1 38.3%, #f7d0e5 40.4%, #f8d7e9 42.6%, #f8deec 44.7%, #f8e2ee 46.8%, #f8e5f0 48.9%, #f8e5f0 51.1%, #f8e2ef 53.2%, #f7dded 55.3%, #f6d7ea 57.4%, #f5cfe7 59.6%, #f4c7e4 61.7%, #f3bee1 63.8%, #f2b6df 66.0%, #f1afde 68.1%, #f2a7dd 70.2%, #f39ede 72.3%, #f495de 74.5%, #f48cde 76.6%, #f283de 78.7%, #ef7adc 80.9%, #e972d8 83.0%, #e06bd1 85.1%, #d464c7 87.2%, #c55ebc 89.4%, #b658af 91.5%, #a753a2 93.6%, #9a4e96 95.7%, #8f4a8c 97.9%, #874785 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(44.88% 0.1102 355.08) 0.0%, oklch(46.77% 0.1187 354.74) 2.1%, oklch(49.35% 0.1316 354.30) 4.3%, oklch(52.42% 0.1470 353.77) 6.4%, oklch(55.80% 0.1632 353.18) 8.5%, oklch(59.29% 0.1784 352.56) 10.6%, oklch(62.70% 0.1907 351.93) 12.8%, oklch(65.84% 0.1983 351.32) 14.9%, oklch(68.52% 0.1995 350.76) 17.0%, oklch(70.91% 0.1937 350.22) 19.1%, oklch(73.16% 0.1825 349.68) 21.3%, oklch(75.28% 0.1674 349.14) 23.4%, oklch(77.29% 0.1498 348.60) 25.5%, oklch(79.19% 0.1314 348.06) 27.7%, oklch(81.00% 0.1136 347.52) 29.8%, oklch(82.74% 0.0980 346.98) 31.9%, oklch(84.42% 0.0858 346.44) 34.0%, oklch(86.17% 0.0743 345.90) 36.2%, oklch(87.95% 0.0629 345.37) 38.3%, oklch(89.67% 0.0521 344.83) 40.4%, oklch(91.22% 0.0424 344.29) 42.6%, oklch(92.53% 0.0343 343.75) 44.7%, oklch(93.50% 0.0284 343.21) 46.8%, oklch(94.02% 0.0252 342.67) 48.9%, oklch(94.02% 0.0252 342.13) 51.1%, oklch(93.44% 0.0286 341.60) 53.2%, oklch(92.40% 0.0346 341.08) 55.3%, oklch(91.01% 0.0429 340.57) 57.4%, oklch(89.39% 0.0528 340.04) 59.6%, oklch(87.66% 0.0636 339.51) 61.7%, oklch(85.94% 0.0749 338.95) 63.8%, oklch(84.34% 0.0860 338.37) 66.0%, oklch(82.94% 0.0974 337.75) 68.1%, oklch(81.63% 0.1117 337.10) 70.2%, oklch(80.35% 0.1277 336.41) 72.3%, oklch(79.03% 0.1442 335.71) 74.5%, oklch(77.63% 0.1600 335.00) 76.6%, oklch(76.10% 0.1737 334.30) 78.7%, oklch(74.37% 0.1841 333.63) 80.9%, oklch(72.40% 0.1898 332.99) 83.0%, oklch(70.03% 0.1896 332.37) 85.1%, oklch(67.13% 0.1840 331.74) 87.2%, oklch(63.91% 0.1744 331.10) 89.4%, oklch(60.56% 0.1624 330.49) 91.5%, oklch(57.30% 0.1494 329.92) 93.6%, oklch(54.32% 0.1370 329.41) 95.7%, oklch(51.82% 0.1267 328.99) 97.9%, oklch(50.00% 0.1199 328.66) 100.0%);
```

## Keyframes

7 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.681 | 0.2 | 350.9 |
| 3 | 0.839 | 0.09 | 346.6 |
| 4 | 0.941 | 0.025 | 342.4 |
| 5 | 0.839 | 0.09 | 338.2 |
| 6 | 0.72 | 0.19 | 332.9 |
| 7 | 0.5 | 0.12 | 328.7 |

## In these collections

- [Sunset gradients](https://grabient.com/sunset-gradients)
- [Pink gradients](https://grabient.com/pink-gradients)
- [Romantic color palette](https://grabient.com/romantic-color-palette)
- [Orchid colors](https://grabient.com/orchid-colors)

## Other forms

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