# Violet Violet Magenta Field

This diagonal gradient moves through pale violet, purple, magenta, deep purple, deep violet, blue, purple, 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: Lavender, purple, blue and pink linear gradient
- Seed: `kUxlfSLzRG6Y-tvwGkgg`
- Page: https://grabient.com/kUxlfSLzRG6Y-tvwGkgg?steps=32&angle=60
- Drawn as: linear gradient, 32 steps, 60 degrees
- Kinds: dark center, vivid
- Hues: wide
- 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 | `#bda7fc` | `oklch(77.95% 0.1199 295.31)` | Winterspring Lilac | black, 10.1 to 1 |
| 2 | `#ba9ef1` | `oklch(75.46% 0.1212 299.28)` | Lavender Cream | black, 9.2 to 1 |
| 3 | `#b790e2` | `oklch(72.09% 0.1229 305.08)` | Luminous Lavender | black, 8.1 to 1 |
| 4 | `#b281d0` | `oklch(68.05% 0.1248 312.21)` | Lavender Blossom | black, 6.9 to 1 |
| 5 | `#ad70ba` | `oklch(63.53% 0.1270 320.13)` | Soft Purple | black, 5.7 to 1 |
| 6 | `#a55ea3` | `oklch(58.73% 0.1294 328.31)` | Heath Spotted Orchid | black, 4.7 to 1 |
| 7 | `#9c4d8b` | `oklch(53.88% 0.1319 336.21)` | Viva Magenta | white, 5.4 to 1 |
| 8 | `#923c74` | `oklch(49.15% 0.1345 343.33)` | Purple Peril | white, 6.7 to 1 |
| 9 | `#882c60` | `oklch(44.77% 0.1372 349.11)` | Boysenberry | white, 8.1 to 1 |
| 10 | `#7f1e51` | `oklch(40.93% 0.1398 353.05)` | Smooch | white, 9.5 to 1 |
| 11 | `#760f46` | `oklch(37.84% 0.1425 354.60)` | Dawn of the Fairies | white, 10.8 to 1 |
| 12 | `#6f0142` | `oklch(35.47% 0.1453 353.12)` | Dawn of the Fairies | white, 11.9 to 1 |
| 13 | `#640042` | `oklch(33.25% 0.1396 348.33)` | Tyrian Purple | white, 12.9 to 1 |
| 14 | `#590044` | `oklch(31.18% 0.1349 340.88)` | Royal Ash | white, 13.9 to 1 |
| 15 | `#4e0049` | `oklch(29.36% 0.1328 331.56)` | Christmas Purple | white, 14.7 to 1 |
| 16 | `#44004f` | `oklch(27.88% 0.1330 321.14)` | Ripe Plum | white, 15.5 to 1 |
| 17 | `#3a0055` | `oklch(26.82% 0.1354 310.39)` | Ripe Plum | white, 16 to 1 |
| 18 | `#32005c` | `oklch(26.27% 0.1401 300.08)` | Cotinga Purple | white, 16.2 to 1 |
| 19 | `#2b0065` | `oklch(26.30% 0.1479 290.98)` | Deep Violet | white, 16.3 to 1 |
| 20 | `#26006f` | `oklch(27.02% 0.1591 283.85)` | Bavarian Gentian | white, 16 to 1 |
| 21 | `#24007b` | `oklch(28.49% 0.1731 279.44)` | Child of the Night | white, 15.4 to 1 |
| 22 | `#261082` | `oklch(30.84% 0.1709 278.49)` | Nightly Expedition | white, 14.1 to 1 |
| 23 | `#31208b` | `oklch(34.66% 0.1649 280.77)` | Indiglow | white, 12.2 to 1 |
| 24 | `#443195` | `oklch(39.81% 0.1563 285.66)` | Galactic Purple | white, 9.9 to 1 |
| 25 | `#5d42a0` | `oklch(45.93% 0.1458 292.57)` | Sweet Flag | white, 7.5 to 1 |
| 26 | `#7955ab` | `oklch(52.71% 0.1341 300.90)` | Royal Lavender | white, 5.6 to 1 |
| 27 | `#9669b5` | `oklch(59.80% 0.1217 310.09)` | Viola | black, 5 to 1 |
| 28 | `#b27ebf` | `oklch(66.87% 0.1092 319.53)` | Wisteria | black, 6.6 to 1 |
| 29 | `#cc93c8` | `oklch(73.58% 0.0974 328.64)` | Carnation Rose | black, 8.5 to 1 |
| 30 | `#e1a7d1` | `oklch(79.59% 0.0867 336.84)` | Cosmic Pink | black, 10.6 to 1 |
| 31 | `#f2b9d9` | `oklch(84.57% 0.0780 343.54)` | Manga Pink | black, 12.6 to 1 |
| 32 | `#fdc6e0` | `oklch(88.19% 0.0717 348.15)` | Sugarwinkle | black, 14.2 to 1 |

## CSS

```css
background: linear-gradient(60deg, #bda7fc 0.0%, #ba9ef1 3.2%, #b790e2 6.5%, #b281d0 9.7%, #ad70ba 12.9%, #a55ea3 16.1%, #9c4d8b 19.4%, #923c74 22.6%, #882c60 25.8%, #7f1e51 29.0%, #760f46 32.3%, #6f0142 35.5%, #640042 38.7%, #590044 41.9%, #4e0049 45.2%, #44004f 48.4%, #3a0055 51.6%, #32005c 54.8%, #2b0065 58.1%, #26006f 61.3%, #24007b 64.5%, #261082 67.7%, #31208b 71.0%, #443195 74.2%, #5d42a0 77.4%, #7955ab 80.6%, #9669b5 83.9%, #b27ebf 87.1%, #cc93c8 90.3%, #e1a7d1 93.5%, #f2b9d9 96.8%, #fdc6e0 100.0%);
background: linear-gradient(60deg in oklch, oklch(77.95% 0.1199 295.31) 0.0%, oklch(75.46% 0.1212 299.28) 3.2%, oklch(72.09% 0.1229 305.08) 6.5%, oklch(68.05% 0.1248 312.21) 9.7%, oklch(63.53% 0.1270 320.13) 12.9%, oklch(58.73% 0.1294 328.31) 16.1%, oklch(53.88% 0.1319 336.21) 19.4%, oklch(49.15% 0.1345 343.33) 22.6%, oklch(44.77% 0.1372 349.11) 25.8%, oklch(40.93% 0.1398 353.05) 29.0%, oklch(37.84% 0.1425 354.60) 32.3%, oklch(35.47% 0.1453 353.12) 35.5%, oklch(33.25% 0.1396 348.33) 38.7%, oklch(31.18% 0.1349 340.88) 41.9%, oklch(29.36% 0.1328 331.56) 45.2%, oklch(27.88% 0.1330 321.14) 48.4%, oklch(26.82% 0.1354 310.39) 51.6%, oklch(26.27% 0.1401 300.08) 54.8%, oklch(26.30% 0.1479 290.98) 58.1%, oklch(27.02% 0.1591 283.85) 61.3%, oklch(28.49% 0.1731 279.44) 64.5%, oklch(30.84% 0.1709 278.49) 67.7%, oklch(34.66% 0.1649 280.77) 71.0%, oklch(39.81% 0.1563 285.66) 74.2%, oklch(45.93% 0.1458 292.57) 77.4%, oklch(52.71% 0.1341 300.90) 80.6%, oklch(59.80% 0.1217 310.09) 83.9%, oklch(66.87% 0.1092 319.53) 87.1%, oklch(73.58% 0.0974 328.64) 90.3%, oklch(79.59% 0.0867 336.84) 93.5%, oklch(84.57% 0.0780 343.54) 96.8%, oklch(88.19% 0.0717 348.15) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.78 | 0.12 | 295.3 |
| 2 | 0.37 | 0.143 | 354.5 |
| 3 | 0.299 | 0.172 | 278.4 |
| 4 | 0.882 | 0.072 | 348.2 |

## In these collections

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

## Other forms

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