# Lavender violet to cobalt blue gradient

Vivid analogous lavender to blue linear gradient with 32 colors: #d6aaff, #d2a6fe, #cea0fc, #c99afa, #c493f8, #bd8cf5, #b784f3, #b17ef0, #aa78ee, #a473eb, #9d6de8, #9668e4, #8e64e1, #8760dd, #805cda, #7958d7, #7356d4, #6d53d2, #6652d1, #6050cf, #5a4fce, #544fcc, #4e4fca, #484ec8, #424ec5, #3c4fc2, #3650be, #3151bb, #2b52b7, #2752b4, #2253b1, #1f53af. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Vivid analogous lavender to blue linear gradient
- Seed: `kWzVva1j6_UbDvo-wz4Ozk-Q`
- Page: https://grabient.com/kWzVva1j6_UbDvo-wz4Ozk-Q?steps=32&angle=225
- Drawn as: linear gradient, 32 steps, 225 degrees
- Kinds: light to dark, vivid
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.7 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 | `#d6aaff` | `oklch(80.71% 0.1254 307.27)` | Testosterose | black, 11 to 1 |
| 2 | `#d2a6fe` | `oklch(79.66% 0.1294 306.89)` | Lilac | black, 10.6 to 1 |
| 3 | `#cea0fc` | `oklch(78.26% 0.1350 306.43)` | Lilac | black, 10 to 1 |
| 4 | `#c99afa` | `oklch(76.59% 0.1416 305.90)` | Baby Purple | black, 9.4 to 1 |
| 5 | `#c493f8` | `oklch(74.74% 0.1489 305.27)` | Liliac | black, 8.8 to 1 |
| 6 | `#bd8cf5` | `oklch(72.80% 0.1562 304.54)` | Liliac | black, 8.2 to 1 |
| 7 | `#b784f3` | `oklch(70.85% 0.1630 303.71)` | Lilac Geode | black, 7.6 to 1 |
| 8 | `#b17ef0` | `oklch(69.00% 0.1688 302.77)` | Illicit Purple | black, 7 to 1 |
| 9 | `#aa78ee` | `oklch(67.31% 0.1732 301.70)` | Purple Illusionist | black, 6.6 to 1 |
| 10 | `#a473eb` | `oklch(65.64% 0.1765 300.51)` | Forgotten Purple | black, 6.2 to 1 |
| 11 | `#9d6de8` | `oklch(63.94% 0.1791 299.20)` | Violet Voltage | black, 5.7 to 1 |
| 12 | `#9668e4` | `oklch(62.24% 0.1811 297.77)` | Matt Purple | black, 5.4 to 1 |
| 13 | `#8e64e1` | `oklch(60.58% 0.1827 296.25)` | Legendary Lavender | black, 5 to 1 |
| 14 | `#8760dd` | `oklch(58.98% 0.1839 294.64)` | Gloomy Purple | black, 4.7 to 1 |
| 15 | `#805cda` | `oklch(57.49% 0.1848 292.97)` | Gloomy Purple | white, 4.7 to 1 |
| 16 | `#7958d7` | `oklch(56.13% 0.1856 291.24)` | Astro Purple | white, 4.9 to 1 |
| 17 | `#7356d4` | `oklch(54.93% 0.1864 289.45)` | Astro Purple | white, 5.2 to 1 |
| 18 | `#6d53d2` | `oklch(53.87% 0.1871 287.52)` | Astro Purple | white, 5.4 to 1 |
| 19 | `#6652d1` | `oklch(52.92% 0.1876 285.48)` | Waiporoporo Purple | white, 5.7 to 1 |
| 20 | `#6050cf` | `oklch(52.07% 0.1879 283.37)` | Iris | white, 5.9 to 1 |
| 21 | `#5a4fce` | `oklch(51.30% 0.1878 281.22)` | Iris | white, 6 to 1 |
| 22 | `#544fcc` | `oklch(50.61% 0.1874 279.08)` | Iris | white, 6.2 to 1 |
| 23 | `#4e4fca` | `oklch(49.96% 0.1865 276.99)` | Gorgonzola Blue | white, 6.4 to 1 |
| 24 | `#484ec8` | `oklch(49.36% 0.1851 274.99)` | Gorgonzola Blue | white, 6.5 to 1 |
| 25 | `#424ec5` | `oklch(48.79% 0.1829 273.04)` | Free Speech Blue | white, 6.6 to 1 |
| 26 | `#3c4fc2` | `oklch(48.30% 0.1797 270.99)` | Kikorangi Blue | white, 6.7 to 1 |
| 27 | `#3650be` | `oklch(47.86% 0.1757 268.92)` | Kikorangi Blue | white, 6.8 to 1 |
| 28 | `#3151bb` | `oklch(47.48% 0.1713 266.89)` | Cerulean Blue | white, 6.9 to 1 |
| 29 | `#2b52b7` | `oklch(47.16% 0.1670 264.99)` | Cerulean Blue | white, 7 to 1 |
| 30 | `#2752b4` | `oklch(46.88% 0.1629 263.29)` | Blizzy Blueberry | white, 7 to 1 |
| 31 | `#2253b1` | `oklch(46.65% 0.1595 261.85)` | Blizzy Blueberry | white, 7.1 to 1 |
| 32 | `#1f53af` | `oklch(46.46% 0.1571 260.77)` | Aarhusian Sky | white, 7.1 to 1 |

## CSS

```css
background: linear-gradient(225deg, #d6aaff 0.0%, #d2a6fe 3.2%, #cea0fc 6.5%, #c99afa 9.7%, #c493f8 12.9%, #bd8cf5 16.1%, #b784f3 19.4%, #b17ef0 22.6%, #aa78ee 25.8%, #a473eb 29.0%, #9d6de8 32.3%, #9668e4 35.5%, #8e64e1 38.7%, #8760dd 41.9%, #805cda 45.2%, #7958d7 48.4%, #7356d4 51.6%, #6d53d2 54.8%, #6652d1 58.1%, #6050cf 61.3%, #5a4fce 64.5%, #544fcc 67.7%, #4e4fca 71.0%, #484ec8 74.2%, #424ec5 77.4%, #3c4fc2 80.6%, #3650be 83.9%, #3151bb 87.1%, #2b52b7 90.3%, #2752b4 93.5%, #2253b1 96.8%, #1f53af 100.0%);
background: linear-gradient(225deg in oklch, oklch(80.71% 0.1254 307.27) 0.0%, oklch(79.66% 0.1294 306.89) 3.2%, oklch(78.26% 0.1350 306.43) 6.5%, oklch(76.59% 0.1416 305.90) 9.7%, oklch(74.74% 0.1489 305.27) 12.9%, oklch(72.80% 0.1562 304.54) 16.1%, oklch(70.85% 0.1630 303.71) 19.4%, oklch(69.00% 0.1688 302.77) 22.6%, oklch(67.31% 0.1732 301.70) 25.8%, oklch(65.64% 0.1765 300.51) 29.0%, oklch(63.94% 0.1791 299.20) 32.3%, oklch(62.24% 0.1811 297.77) 35.5%, oklch(60.58% 0.1827 296.25) 38.7%, oklch(58.98% 0.1839 294.64) 41.9%, oklch(57.49% 0.1848 292.97) 45.2%, oklch(56.13% 0.1856 291.24) 48.4%, oklch(54.93% 0.1864 289.45) 51.6%, oklch(53.87% 0.1871 287.52) 54.8%, oklch(52.92% 0.1876 285.48) 58.1%, oklch(52.07% 0.1879 283.37) 61.3%, oklch(51.30% 0.1878 281.22) 64.5%, oklch(50.61% 0.1874 279.08) 67.7%, oklch(49.96% 0.1865 276.99) 71.0%, oklch(49.36% 0.1851 274.99) 74.2%, oklch(48.79% 0.1829 273.04) 77.4%, oklch(48.30% 0.1797 270.99) 80.6%, oklch(47.86% 0.1757 268.92) 83.9%, oklch(47.48% 0.1713 266.89) 87.1%, oklch(47.16% 0.1670 264.99) 90.3%, oklch(46.88% 0.1629 263.29) 93.5%, oklch(46.65% 0.1595 261.85) 96.8%, oklch(46.46% 0.1571 260.77) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.807 | 0.125 | 307.3 |
| 2 | 0.677 | 0.172 | 302 |
| 3 | 0.555 | 0.186 | 290.4 |
| 4 | 0.492 | 0.185 | 274.5 |
| 5 | 0.465 | 0.157 | 260.8 |

## In these collections

- [Linear gradients](https://grabient.com/linear-gradients)

## Other forms

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