# Analogous lavender, purple and pink radial gradient

Analogous lavender, purple and pink radial gradient with 32 colors: #cfb7e2, #bea2cf, #a582b1, #895e8e, #6e3c6d, #581f53, #4a0844, #480045, #4e0755, #59196f, #642d8d, #6d3fa7, #734bb7, #754ab6, #753ea5, #712e89, #691c6c, #610d53, #5d0546, #610b48, #6e1a5a, #802f7a, #9248a1, #a363c8, #b27be9, #c08efb, #d09cff, #e2a7fc, #efb2f3, #f8bceb, #fbc6e5, #fdcee4. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYzy_cpCvCkG8O8psEV3Lq7PIWRS`
- Page: https://grabient.com/kYzy_cpCvCkG8O8psEV3Lq7PIWRS?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark center, vivid
- Hues: analogous
- Contrast of its darkest and lightest colors: 11.1 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 | `#cfb7e2` | `oklch(81.50% 0.0648 310.08)` | Pretty Petunia | black, 11.5 to 1 |
| 2 | `#bea2cf` | `oklch(75.11% 0.0706 313.02)` | Lucius Lilac | black, 9.2 to 1 |
| 3 | `#a582b1` | `oklch(65.59% 0.0788 317.61)` | Lobby Lilac | black, 6.4 to 1 |
| 4 | `#895e8e` | `oklch(54.59% 0.0885 322.83)` | Chakra | white, 5.1 to 1 |
| 5 | `#6e3c6d` | `oklch(43.72% 0.0988 327.71)` | Majesty | white, 8.2 to 1 |
| 6 | `#581f53` | `oklch(34.63% 0.1090 331.23)` | Purple Velour | white, 12.1 to 1 |
| 7 | `#4a0844` | `oklch(28.93% 0.1182 332.40)` | Pion Purple | white, 14.8 to 1 |
| 8 | `#480045` | `oklch(27.91% 0.1268 329.97)` | Jacarta | white, 15.4 to 1 |
| 9 | `#4e0755` | `oklch(30.77% 0.1361 323.88)` | Beaten Purple | white, 14.1 to 1 |
| 10 | `#59196f` | `oklch(36.01% 0.1455 315.85)` | Violethargic | white, 11.6 to 1 |
| 11 | `#642d8d` | `oklch(42.14% 0.1539 307.60)` | True Purple | white, 9.1 to 1 |
| 12 | `#6d3fa7` | `oklch(47.67% 0.1606 300.89)` | Poppy Pompadour | white, 7.1 to 1 |
| 13 | `#734bb7` | `oklch(51.12% 0.1647 297.46)` | Royal Lavender | white, 6.1 to 1 |
| 14 | `#754ab6` | `oklch(51.16% 0.1650 299.05)` | Royal Lavender | white, 6.1 to 1 |
| 15 | `#753ea5` | `oklch(48.23% 0.1609 305.76)` | Shiner | white, 7 to 1 |
| 16 | `#712e89` | `oklch(43.61% 0.1539 315.57)` | Maximum Purple | white, 8.5 to 1 |
| 17 | `#691c6c` | `oklch(38.58% 0.1458 326.37)` | New Riders of the Purple Sage | white, 10.5 to 1 |
| 18 | `#610d53` | `oklch(34.40% 0.1384 336.04)` | Grape Purple | white, 12.4 to 1 |
| 19 | `#5d0546` | `oklch(32.35% 0.1334 342.47)` | Royal Ash | white, 13.3 to 1 |
| 20 | `#610b48` | `oklch(33.65% 0.1327 343.59)` | Grape Purple | white, 12.7 to 1 |
| 21 | `#6e1a5a` | `oklch(38.21% 0.1372 339.02)` | Forest Fruit Red | white, 10.6 to 1 |
| 22 | `#802f7a` | `oklch(44.99% 0.1449 330.77)` | Veronica Purple | white, 8 to 1 |
| 23 | `#9248a1` | `oklch(52.97% 0.1535 320.98)` | Vicious Violet | white, 5.7 to 1 |
| 24 | `#a363c8` | `oklch(61.11% 0.1604 311.81)` | Amethyst | black, 5.1 to 1 |
| 25 | `#b27be9` | `oklch(68.36% 0.1634 305.41)` | Lavender Blossom | black, 6.9 to 1 |
| 26 | `#c08efb` | `oklch(73.74% 0.1599 303.91)` | Liliac | black, 8.5 to 1 |
| 27 | `#d09cff` | `oklch(77.83% 0.1468 307.68)` | Plasma Trail | black, 9.8 to 1 |
| 28 | `#e2a7fc` | `oklch(81.24% 0.1310 315.05)` | Testosterose | black, 11.1 to 1 |
| 29 | `#efb2f3` | `oklch(84.07% 0.1106 324.40)` | Candy Dreams | black, 12.3 to 1 |
| 30 | `#f8bceb` | `oklch(86.37% 0.0902 334.11)` | Pink Quartz | black, 13.3 to 1 |
| 31 | `#fbc6e5` | `oklch(88.25% 0.0726 342.56)` | Sugarwinkle | black, 14.3 to 1 |
| 32 | `#fdcee4` | `oklch(89.76% 0.0606 348.12)` | Classic Rose | black, 15 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #cfb7e2 0.0%, #bea2cf 3.2%, #a582b1 6.5%, #895e8e 9.7%, #6e3c6d 12.9%, #581f53 16.1%, #4a0844 19.4%, #480045 22.6%, #4e0755 25.8%, #59196f 29.0%, #642d8d 32.3%, #6d3fa7 35.5%, #734bb7 38.7%, #754ab6 41.9%, #753ea5 45.2%, #712e89 48.4%, #691c6c 51.6%, #610d53 54.8%, #5d0546 58.1%, #610b48 61.3%, #6e1a5a 64.5%, #802f7a 67.7%, #9248a1 71.0%, #a363c8 74.2%, #b27be9 77.4%, #c08efb 80.6%, #d09cff 83.9%, #e2a7fc 87.1%, #efb2f3 90.3%, #f8bceb 93.5%, #fbc6e5 96.8%, #fdcee4 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(81.50% 0.0648 310.08) 0.0%, oklch(75.11% 0.0706 313.02) 3.2%, oklch(65.59% 0.0788 317.61) 6.5%, oklch(54.59% 0.0885 322.83) 9.7%, oklch(43.72% 0.0988 327.71) 12.9%, oklch(34.63% 0.1090 331.23) 16.1%, oklch(28.93% 0.1182 332.40) 19.4%, oklch(27.91% 0.1268 329.97) 22.6%, oklch(30.77% 0.1361 323.88) 25.8%, oklch(36.01% 0.1455 315.85) 29.0%, oklch(42.14% 0.1539 307.60) 32.3%, oklch(47.67% 0.1606 300.89) 35.5%, oklch(51.12% 0.1647 297.46) 38.7%, oklch(51.16% 0.1650 299.05) 41.9%, oklch(48.23% 0.1609 305.76) 45.2%, oklch(43.61% 0.1539 315.57) 48.4%, oklch(38.58% 0.1458 326.37) 51.6%, oklch(34.40% 0.1384 336.04) 54.8%, oklch(32.35% 0.1334 342.47) 58.1%, oklch(33.65% 0.1327 343.59) 61.3%, oklch(38.21% 0.1372 339.02) 64.5%, oklch(44.99% 0.1449 330.77) 67.7%, oklch(52.97% 0.1535 320.98) 71.0%, oklch(61.11% 0.1604 311.81) 74.2%, oklch(68.36% 0.1634 305.41) 77.4%, oklch(73.74% 0.1599 303.91) 80.6%, oklch(77.83% 0.1468 307.68) 83.9%, oklch(81.24% 0.1310 315.05) 87.1%, oklch(84.07% 0.1106 324.40) 90.3%, oklch(86.37% 0.0902 334.11) 93.5%, oklch(88.25% 0.0726 342.56) 96.8%, oklch(89.76% 0.0606 348.12) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.815 | 0.065 | 310.1 |
| 2 | 0.283 | 0.12 | 332.3 |
| 3 | 0.516 | 0.165 | 297.4 |
| 4 | 0.327 | 0.132 | 343.9 |
| 5 | 0.728 | 0.161 | 303.7 |
| 6 | 0.898 | 0.061 | 348.1 |

## In these collections

- [Purple and pink gradients](https://grabient.com/purple-and-pink-gradients)

## Other forms

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