# Violet Purple Magenta Halo

This radial gradient moves from the center outward through pale violet, muted purple, violet, deep purple, purple, pale violet, and pale magenta. The complete visible route keeps the collection’s named color relationship clear while providing distinct light and dark areas for type, marks, and framing.

- Also called: Analogous lavender, purple and pink linear gradient
- Seed: `kYzy_cpCvCkG8O8psEV3Lq7PIWRS`
- Page: https://grabient.com/kYzy_cpCvCkG8O8psEV3Lq7PIWRS?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 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: linear-gradient(135deg, #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: linear-gradient(135deg 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?steps=32&angle=135)
- [PNG](https://grabient.com/kYzy_cpCvCkG8O8psEV3Lq7PIWRS.png?steps=32&angle=135)
- [SVG](https://grabient.com/kYzy_cpCvCkG8O8psEV3Lq7PIWRS.svg?steps=32&angle=135)
- [CSS](https://grabient.com/kYzy_cpCvCkG8O8psEV3Lq7PIWRS.css?steps=32&angle=135)
- [ASE](https://grabient.com/kYzy_cpCvCkG8O8psEV3Lq7PIWRS.ase?steps=32&angle=135)
- [GPL](https://grabient.com/kYzy_cpCvCkG8O8psEV3Lq7PIWRS.gpl?steps=32&angle=135)
- [GRD](https://grabient.com/kYzy_cpCvCkG8O8psEV3Lq7PIWRS.grd?steps=32&angle=135)
- [Design tokens](https://grabient.com/kYzy_cpCvCkG8O8psEV3Lq7PIWRS.tokens.json?steps=32&angle=135)
- [Social card](https://grabient.com/api/og?seed=kYzy_cpCvCkG8O8psEV3Lq7PIWRS&steps=32&angle=135)
- [Palettes like this one](https://grabient.com/palettes?q=kYzy_cpCvCkG8O8psEV3Lq7PIWRS)
- [Guide for agents](https://grabient.com/llms.txt)