# Blue Violet Blue Field

This vertical gradient moves through pale blue, purple, magenta, purple, violet, deep purple, muted violet, and pale blue. 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 and dark purple linear gradient
- Seed: `kW0ULOTarHMO0uwiHkIcBO54`
- Page: https://grabient.com/kW0ULOTarHMO0uwiHkIcBO54?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: dark center, monochrome
- 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 | `#c3bcfd` | `oklch(82.28% 0.0909 289.69)` | Dried Lilac | black, 11.8 to 1 |
| 2 | `#c3b4f5` | `oklch(80.48% 0.0930 295.34)` | Purple Sand | black, 11.1 to 1 |
| 3 | `#c4a8ea` | `oklch(77.98% 0.0958 303.68)` | Tropical Violet | black, 10.1 to 1 |
| 4 | `#c59bda` | `oklch(74.98% 0.0991 313.66)` | Mauve Mist | black, 9 to 1 |
| 5 | `#c48dc8` | `oklch(71.73% 0.1028 324.22)` | Rose Souvenir | black, 8 to 1 |
| 6 | `#c280b5` | `oklch(68.44% 0.1067 334.31)` | Lavender Sweater | black, 7 to 1 |
| 7 | `#bf74a2` | `oklch(65.34% 0.1106 342.87)` | Hollyhock Blossom Pink | black, 6.2 to 1 |
| 8 | `#ba6a93` | `oklch(62.64% 0.1144 348.83)` | Pinky Pickle | black, 5.5 to 1 |
| 9 | `#b6628a` | `oklch(60.58% 0.1180 351.17)` | Malevolent Mauve | black, 5.1 to 1 |
| 10 | `#b35d89` | `oklch(59.20% 0.1225 349.50)` | Dahlia Mauve | black, 4.8 to 1 |
| 11 | `#af598d` | `oklch(58.31% 0.1277 344.74)` | Dahlia Mauve | black, 4.6 to 1 |
| 12 | `#aa5795` | `oklch(57.72% 0.1332 337.92)` | Brilliant Carmine | white, 4.6 to 1 |
| 13 | `#a4569e` | `oklch(57.21% 0.1382 330.09)` | Heath Spotted Orchid | white, 4.7 to 1 |
| 14 | `#9c56a7` | `oklch(56.59% 0.1424 322.29)` | Purpureus | white, 4.8 to 1 |
| 15 | `#9355ac` | `oklch(55.64% 0.1450 315.57)` | Purpureus | white, 5 to 1 |
| 16 | `#8a52ac` | `oklch(54.15% 0.1454 310.95)` | Vicious Violet | white, 5.3 to 1 |
| 17 | `#814da5` | `oklch(51.80% 0.1431 309.39)` | Royal Lavender | white, 5.9 to 1 |
| 18 | `#754296` | `oklch(47.88% 0.1378 310.56)` | Perkin Mauve | white, 7 to 1 |
| 19 | `#683581` | `oklch(42.92% 0.1301 313.60)` | Galactic Grapevine | white, 8.6 to 1 |
| 20 | `#5b276a` | `oklch(37.58% 0.1209 317.70)` | Violethargic | white, 10.8 to 1 |
| 21 | `#4d1b55` | `oklch(32.57% 0.1109 322.03)` | Shani Purple | white, 13 to 1 |
| 22 | `#421244` | `oklch(28.56% 0.1009 325.77)` | Velvet Cosmos | white, 14.9 to 1 |
| 23 | `#3b0f3a` | `oklch(26.25% 0.0918 328.08)` | Greek Aubergine | white, 15.9 to 1 |
| 24 | `#391239` | `oklch(26.31% 0.0842 328.16)` | Cultist Robe | white, 15.8 to 1 |
| 25 | `#401d42` | `oklch(29.51% 0.0784 325.32)` | Purple Void | white, 14.3 to 1 |
| 26 | `#4e2f55` | `oklch(35.91% 0.0733 319.92)` | Purple Shade | white, 11.2 to 1 |
| 27 | `#61496f` | `oklch(44.58% 0.0688 312.74)` | Your Majesty | white, 7.8 to 1 |
| 28 | `#79678f` | `oklch(54.54% 0.0648 304.55)` | Purple Grapes | white, 5 to 1 |
| 29 | `#9287b0` | `oklch(64.85% 0.0613 296.11)` | Silk Lilac | black, 6.3 to 1 |
| 30 | `#aaa7d0` | `oklch(74.53% 0.0583 288.19)` | Monastic | black, 9.1 to 1 |
| 31 | `#bfc3ea` | `oklch(82.63% 0.0558 281.57)` | Violet Gems | black, 12.1 to 1 |
| 32 | `#cfd6fc` | `oklch(88.19% 0.0537 277.01)` | Pale Phthalo Blue | black, 14.6 to 1 |

## CSS

```css
background: linear-gradient(90deg, #c3bcfd 0.0%, #c3b4f5 3.2%, #c4a8ea 6.5%, #c59bda 9.7%, #c48dc8 12.9%, #c280b5 16.1%, #bf74a2 19.4%, #ba6a93 22.6%, #b6628a 25.8%, #b35d89 29.0%, #af598d 32.3%, #aa5795 35.5%, #a4569e 38.7%, #9c56a7 41.9%, #9355ac 45.2%, #8a52ac 48.4%, #814da5 51.6%, #754296 54.8%, #683581 58.1%, #5b276a 61.3%, #4d1b55 64.5%, #421244 67.7%, #3b0f3a 71.0%, #391239 74.2%, #401d42 77.4%, #4e2f55 80.6%, #61496f 83.9%, #79678f 87.1%, #9287b0 90.3%, #aaa7d0 93.5%, #bfc3ea 96.8%, #cfd6fc 100.0%);
background: linear-gradient(90deg in oklch, oklch(82.28% 0.0909 289.69) 0.0%, oklch(80.48% 0.0930 295.34) 3.2%, oklch(77.98% 0.0958 303.68) 6.5%, oklch(74.98% 0.0991 313.66) 9.7%, oklch(71.73% 0.1028 324.22) 12.9%, oklch(68.44% 0.1067 334.31) 16.1%, oklch(65.34% 0.1106 342.87) 19.4%, oklch(62.64% 0.1144 348.83) 22.6%, oklch(60.58% 0.1180 351.17) 25.8%, oklch(59.20% 0.1225 349.50) 29.0%, oklch(58.31% 0.1277 344.74) 32.3%, oklch(57.72% 0.1332 337.92) 35.5%, oklch(57.21% 0.1382 330.09) 38.7%, oklch(56.59% 0.1424 322.29) 41.9%, oklch(55.64% 0.1450 315.57) 45.2%, oklch(54.15% 0.1454 310.95) 48.4%, oklch(51.80% 0.1431 309.39) 51.6%, oklch(47.88% 0.1378 310.56) 54.8%, oklch(42.92% 0.1301 313.60) 58.1%, oklch(37.58% 0.1209 317.70) 61.3%, oklch(32.57% 0.1109 322.03) 64.5%, oklch(28.56% 0.1009 325.77) 67.7%, oklch(26.25% 0.0918 328.08) 71.0%, oklch(26.31% 0.0842 328.16) 74.2%, oklch(29.51% 0.0784 325.32) 77.4%, oklch(35.91% 0.0733 319.92) 80.6%, oklch(44.58% 0.0688 312.74) 83.9%, oklch(54.54% 0.0648 304.55) 87.1%, oklch(64.85% 0.0613 296.11) 90.3%, oklch(74.53% 0.0583 288.19) 93.5%, oklch(82.63% 0.0558 281.57) 96.8%, oklch(88.19% 0.0537 277.01) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.823 | 0.091 | 289.7 |
| 2 | 0.61 | 0.117 | 351 |
| 3 | 0.531 | 0.145 | 309.8 |
| 4 | 0.268 | 0.083 | 327.7 |
| 5 | 0.882 | 0.054 | 277 |

## In these collections

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

## Other forms

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