# Purple to lavender linear gradient

Purple to lavender linear gradient with 32 colors: #520b35, #570d37, #5d0e3a, #64103d, #6c1240, #741543, #7e1847, #871b4b, #901f4f, #982455, #a0295b, #a62f62, #ac356a, #b13c73, #b6447e, #ba4b88, #be5393, #c15b9e, #c462a9, #c66ab3, #c772bc, #c979c4, #ca80cc, #ca88d3, #cb8fd9, #cb97df, #ca9ee4, #caa5e7, #caabeb, #cbb0ed, #cbb5ef, #ccb8f0. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUTFD5PjpBFazPHoHTxg`
- Page: https://grabient.com/kUTFD5PjpBFazPHoHTxg?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: dark to light, vivid
- Hues: analogous
- Contrast of its darkest and lightest colors: 8 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 | `#520b35` | `oklch(29.92% 0.1102 350.16)` | Mulberry Wood | white, 14.3 to 1 |
| 2 | `#570d37` | `oklch(31.00% 0.1134 350.87)` | Mulberry Wood | white, 13.8 to 1 |
| 3 | `#5d0e3a` | `oklch(32.38% 0.1178 351.99)` | Mulberry Wood | white, 13.2 to 1 |
| 4 | `#64103d` | `oklch(34.01% 0.1231 353.39)` | Spanish Purple | white, 12.5 to 1 |
| 5 | `#6c1240` | `oklch(35.84% 0.1290 354.94)` | Her Fierceness | white, 11.6 to 1 |
| 6 | `#741543` | `oklch(37.82% 0.1352 356.51)` | Pansy Purple | white, 10.8 to 1 |
| 7 | `#7e1847` | `oklch(39.90% 0.1414 357.96)` | Burgundy Orchid | white, 9.9 to 1 |
| 8 | `#871b4b` | `oklch(42.03% 0.1472 359.16)` | Akuma’s Fury | white, 9.1 to 1 |
| 9 | `#901f4f` | `oklch(44.15% 0.1523 359.98)` | Wine Grape | white, 8.4 to 1 |
| 10 | `#982455` | `oklch(46.22% 0.1565 0.28)` | Figue Pulp | white, 7.7 to 1 |
| 11 | `#a0295b` | `oklch(48.19% 0.1593 359.95)` | Parlour Red | white, 7 to 1 |
| 12 | `#a62f62` | `oklch(50.06% 0.1606 358.86)` | Vivacious | white, 6.5 to 1 |
| 13 | `#ac356a` | `oklch(51.97% 0.1611 357.11)` | Rich Maroon | white, 6 to 1 |
| 14 | `#b13c73` | `oklch(53.91% 0.1608 354.81)` | Fiery Fuchsia | white, 5.5 to 1 |
| 15 | `#b6447e` | `oklch(55.86% 0.1598 352.06)` | Razzle Dazzle | white, 5.1 to 1 |
| 16 | `#ba4b88` | `oklch(57.81% 0.1581 348.96)` | Nail Polish Pink | white, 4.7 to 1 |
| 17 | `#be5393` | `oklch(59.75% 0.1559 345.63)` | Rose Violet | black, 4.8 to 1 |
| 18 | `#c15b9e` | `oklch(61.66% 0.1532 342.17)` | Llilacquered | black, 5.2 to 1 |
| 19 | `#c462a9` | `oklch(63.51% 0.1502 338.68)` | Young Purple | black, 5.6 to 1 |
| 20 | `#c66ab3` | `oklch(65.31% 0.1468 335.28)` | Gulābī Pink | black, 6.1 to 1 |
| 21 | `#c772bc` | `oklch(67.02% 0.1431 332.06)` | Gulābī Pink | black, 6.5 to 1 |
| 22 | `#c979c4` | `oklch(68.64% 0.1392 329.11)` | Purple Kush | black, 6.9 to 1 |
| 23 | `#ca80cc` | `oklch(70.26% 0.1343 326.05)` | Purception | black, 7.4 to 1 |
| 24 | `#ca88d3` | `oklch(71.87% 0.1285 322.81)` | Purception | black, 7.9 to 1 |
| 25 | `#cb8fd9` | `oklch(73.45% 0.1219 319.49)` | Blush Essence | black, 8.4 to 1 |
| 26 | `#cb97df` | `oklch(74.98% 0.1150 316.16)` | Somewhere in a Fairytale | black, 9 to 1 |
| 27 | `#ca9ee4` | `oklch(76.44% 0.1078 312.90)` | Silver Rust | black, 9.5 to 1 |
| 28 | `#caa5e7` | `oklch(77.81% 0.1009 309.79)` | Tropical Violet | black, 10 to 1 |
| 29 | `#caabeb` | `oklch(79.06% 0.0943 306.92)` | Purple Sand | black, 10.5 to 1 |
| 30 | `#cbb0ed` | `oklch(80.17% 0.0885 304.35)` | Purple Sand | black, 10.9 to 1 |
| 31 | `#cbb5ef` | `oklch(81.12% 0.0836 302.18)` | Violet Heaven | black, 11.3 to 1 |
| 32 | `#ccb8f0` | `oklch(81.89% 0.0799 300.49)` | Connecticut Lilac | black, 11.7 to 1 |

## CSS

```css
background: linear-gradient(180deg, #520b35 0.0%, #570d37 3.2%, #5d0e3a 6.5%, #64103d 9.7%, #6c1240 12.9%, #741543 16.1%, #7e1847 19.4%, #871b4b 22.6%, #901f4f 25.8%, #982455 29.0%, #a0295b 32.3%, #a62f62 35.5%, #ac356a 38.7%, #b13c73 41.9%, #b6447e 45.2%, #ba4b88 48.4%, #be5393 51.6%, #c15b9e 54.8%, #c462a9 58.1%, #c66ab3 61.3%, #c772bc 64.5%, #c979c4 67.7%, #ca80cc 71.0%, #ca88d3 74.2%, #cb8fd9 77.4%, #cb97df 80.6%, #ca9ee4 83.9%, #caa5e7 87.1%, #caabeb 90.3%, #cbb0ed 93.5%, #cbb5ef 96.8%, #ccb8f0 100.0%);
background: linear-gradient(180deg in oklch, oklch(29.92% 0.1102 350.16) 0.0%, oklch(31.00% 0.1134 350.87) 3.2%, oklch(32.38% 0.1178 351.99) 6.5%, oklch(34.01% 0.1231 353.39) 9.7%, oklch(35.84% 0.1290 354.94) 12.9%, oklch(37.82% 0.1352 356.51) 16.1%, oklch(39.90% 0.1414 357.96) 19.4%, oklch(42.03% 0.1472 359.16) 22.6%, oklch(44.15% 0.1523 359.98) 25.8%, oklch(46.22% 0.1565 0.28) 29.0%, oklch(48.19% 0.1593 359.95) 32.3%, oklch(50.06% 0.1606 358.86) 35.5%, oklch(51.97% 0.1611 357.11) 38.7%, oklch(53.91% 0.1608 354.81) 41.9%, oklch(55.86% 0.1598 352.06) 45.2%, oklch(57.81% 0.1581 348.96) 48.4%, oklch(59.75% 0.1559 345.63) 51.6%, oklch(61.66% 0.1532 342.17) 54.8%, oklch(63.51% 0.1502 338.68) 58.1%, oklch(65.31% 0.1468 335.28) 61.3%, oklch(67.02% 0.1431 332.06) 64.5%, oklch(68.64% 0.1392 329.11) 67.7%, oklch(70.26% 0.1343 326.05) 71.0%, oklch(71.87% 0.1285 322.81) 74.2%, oklch(73.45% 0.1219 319.49) 77.4%, oklch(74.98% 0.1150 316.16) 80.6%, oklch(76.44% 0.1078 312.90) 83.9%, oklch(77.81% 0.1009 309.79) 87.1%, oklch(79.06% 0.0943 306.92) 90.3%, oklch(80.17% 0.0885 304.35) 93.5%, oklch(81.12% 0.0836 302.18) 96.8%, oklch(81.89% 0.0799 300.49) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.299 | 0.11 | 350.2 |
| 2 | 0.488 | 0.16 | 359.7 |
| 3 | 0.681 | 0.141 | 330.1 |
| 4 | 0.819 | 0.08 | 300.5 |

## In these collections

- [Underwater colors](https://grabient.com/underwater-colors)

## Other forms

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