# Analogous purple and pink radial swatches

Analogous purple and pink radial swatches with 14 colors: #823758, #b14077, #e853a2, #fa7cbe, #f7a7d0, #f7c8e1, #f8e1ee, #f8e1ee, #f4c7e4, #f1abdd, #f38bde, #e26cd3, #b056aa, #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=radialSwatches&steps=14&angle=99
- Drawn as: radial swatches, 14 steps, 99 degrees
- Kinds: light center, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 6.4 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 | `#b14077` | `oklch(54.48% 0.1570 353.41)` | Mystic Maroon | white, 5.4 to 1 |
| 3 | `#e853a2` | `oklch(66.51% 0.1992 351.19)` | Raspberry Pink | black, 6.2 to 1 |
| 4 | `#fa7cbe` | `oklch(74.96% 0.1699 349.23)` | Persian Pink | black, 8.6 to 1 |
| 5 | `#f7a7d0` | `oklch(81.81% 0.1060 347.27)` | Taffy Pink | black, 11.4 to 1 |
| 6 | `#f7c8e1` | `oklch(88.09% 0.0620 345.32)` | Laelia Pink | black, 14.3 to 1 |
| 7 | `#f8e1ee` | `oklch(93.24% 0.0300 343.37)` | Spun Sugar | black, 17 to 1 |
| 8 | `#f8e1ee` | `oklch(93.16% 0.0302 341.44)` | Spun Sugar | black, 16.9 to 1 |
| 9 | `#f4c7e4` | `oklch(87.79% 0.0628 339.55)` | Venetian Rose | black, 14.1 to 1 |
| 10 | `#f1abdd` | `oklch(82.23% 0.1048 337.40)` | Pretty Pink Piggy | black, 11.5 to 1 |
| 11 | `#f38bde` | `oklch(77.41% 0.1623 334.89)` | Splash of Grenadine | black, 9.5 to 1 |
| 12 | `#e26cd3` | `oklch(70.63% 0.1902 332.52)` | Pink Orchid | black, 7.3 to 1 |
| 13 | `#b056aa` | `oklch(59.29% 0.1574 330.27)` | Royalty Loyalty | black, 4.7 to 1 |
| 14 | `#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.000% 7.143%, #b14077 7.143% 14.286%, #e853a2 14.286% 21.429%, #fa7cbe 21.429% 28.571%, #f7a7d0 28.571% 35.714%, #f7c8e1 35.714% 42.857%, #f8e1ee 42.857% 50.000%, #f8e1ee 50.000% 57.143%, #f4c7e4 57.143% 64.286%, #f1abdd 64.286% 71.429%, #f38bde 71.429% 78.571%, #e26cd3 78.571% 85.714%, #b056aa 85.714% 92.857%, #874785 92.857% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(44.88% 0.1102 355.08) 0.000% 7.143%, oklch(54.48% 0.1570 353.41) 7.143% 14.286%, oklch(66.51% 0.1992 351.19) 14.286% 21.429%, oklch(74.96% 0.1699 349.23) 21.429% 28.571%, oklch(81.81% 0.1060 347.27) 28.571% 35.714%, oklch(88.09% 0.0620 345.32) 35.714% 42.857%, oklch(93.24% 0.0300 343.37) 42.857% 50.000%, oklch(93.16% 0.0302 341.44) 50.000% 57.143%, oklch(87.79% 0.0628 339.55) 57.143% 64.286%, oklch(82.23% 0.1048 337.40) 64.286% 71.429%, oklch(77.41% 0.1623 334.89) 71.429% 78.571%, oklch(70.63% 0.1902 332.52) 78.571% 85.714%, oklch(59.29% 0.1574 330.27) 85.714% 92.857%, oklch(50.00% 0.1199 328.66) 92.857% 100.000%);
```

## 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=radialSwatches&steps=14&angle=99)
- [PNG](https://grabient.com/kaclD81si_eqgv33iT96qC_dvFP0_q79g.png?style=radialSwatches&steps=14&angle=99)
- [SVG](https://grabient.com/kaclD81si_eqgv33iT96qC_dvFP0_q79g.svg?style=radialSwatches&steps=14&angle=99)
- [CSS](https://grabient.com/kaclD81si_eqgv33iT96qC_dvFP0_q79g.css?style=radialSwatches&steps=14&angle=99)
- [ASE](https://grabient.com/kaclD81si_eqgv33iT96qC_dvFP0_q79g.ase?style=radialSwatches&steps=14&angle=99)
- [GPL](https://grabient.com/kaclD81si_eqgv33iT96qC_dvFP0_q79g.gpl?style=radialSwatches&steps=14&angle=99)
- [GRD](https://grabient.com/kaclD81si_eqgv33iT96qC_dvFP0_q79g.grd?style=radialSwatches&steps=14&angle=99)
- [Design tokens](https://grabient.com/kaclD81si_eqgv33iT96qC_dvFP0_q79g.tokens.json?style=radialSwatches&steps=14&angle=99)
- [Social card](https://grabient.com/api/og?seed=kaclD81si_eqgv33iT96qC_dvFP0_q79g&style=radialSwatches&steps=14&angle=99)
- [Palettes like this one](https://grabient.com/palettes?q=kaclD81si_eqgv33iT96qC_dvFP0_q79g)
- [Guide for agents](https://grabient.com/llms.txt)