# Purple aqua evening sky

Purple, gray, blue and lavender linear gradient with 32 colors: #b32e5c, #ae2d64, #a62c6f, #9b2b7a, #8e2c86, #812e8f, #753195, #6c359a, #673b9b, #6a419b, #71489a, #7a5098, #845996, #8c6396, #916c98, #94749b, #937aa1, #8c7fa7, #8183ac, #7388ae, #648dac, #5991a6, #5496a2, #569ba1, #5da1a9, #69a8b8, #7bb1cb, #93b8dd, #aebfeb, #c7c6f4, #dcccf8, #ead1fa. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Purple, gray, blue and lavender linear gradient
- Seed: `kWhHwDubg4k2YQbSmbJ8ZbMw`
- Page: https://grabient.com/kWhHwDubg4k2YQbSmbJ8ZbMw?steps=32&angle=225
- Drawn as: linear gradient, 32 steps, 225 degrees
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 5.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 | `#b32e5c` | `oklch(51.97% 0.1709 4.92)` | Blood Thorn | white, 6 to 1 |
| 2 | `#ae2d64` | `oklch(51.27% 0.1701 359.37)` | Rich Maroon | white, 6.2 to 1 |
| 3 | `#a62c6f` | `oklch(50.16% 0.1695 351.35)` | Carroburg Crimson | white, 6.5 to 1 |
| 4 | `#9b2b7a` | `oklch(48.83% 0.1690 341.78)` | Purple Wine | white, 6.9 to 1 |
| 5 | `#8e2c86` | `oklch(47.47% 0.1679 331.54)` | Warm Purple | white, 7.3 to 1 |
| 6 | `#812e8f` | `oklch(46.27% 0.1662 321.53)` | Druchii Violet | white, 7.7 to 1 |
| 7 | `#753195` | `oklch(45.40% 0.1632 312.66)` | Skeletor’s Cape | white, 7.9 to 1 |
| 8 | `#6c359a` | `oklch(45.07% 0.1588 305.83)` | Purple Heart | white, 8 to 1 |
| 9 | `#673b9b` | `oklch(45.45% 0.1525 301.95)` | Purple Heart | white, 7.8 to 1 |
| 10 | `#6a419b` | `oklch(46.67% 0.1432 301.99)` | Poppy Pompadour | white, 7.4 to 1 |
| 11 | `#71489a` | `oklch(48.56% 0.1312 305.08)` | Studio | white, 6.7 to 1 |
| 12 | `#7a5098` | `oklch(50.90% 0.1177 309.91)` | Juneberry | white, 6.1 to 1 |
| 13 | `#845996` | `oklch(53.46% 0.1037 315.13)` | Purple Tanzanite | white, 5.4 to 1 |
| 14 | `#8c6396` | `oklch(56.03% 0.0903 319.42)` | Aster Violetta | white, 4.8 to 1 |
| 15 | `#916c98` | `oklch(58.38% 0.0785 321.45)` | Faded Purple | black, 4.7 to 1 |
| 16 | `#94749b` | `oklch(60.30% 0.0694 319.90)` | Diffused Orchid | black, 5.2 to 1 |
| 17 | `#937aa1` | `oklch(61.57% 0.0638 313.21)` | Pickled Purple | black, 5.5 to 1 |
| 18 | `#8c7fa7` | `oklch(62.22% 0.0613 300.02)` | Violet Chalk | black, 5.6 to 1 |
| 19 | `#8183ac` | `oklch(62.45% 0.0611 282.24)` | Corsican Purple | black, 5.7 to 1 |
| 20 | `#7388ae` | `oklch(62.46% 0.0624 262.11)` | Windsurf Blue | black, 5.8 to 1 |
| 21 | `#648dac` | `oklch(62.47% 0.0647 241.92)` | Alpha Tango | black, 5.9 to 1 |
| 22 | `#5991a6` | `oklch(62.67% 0.0672 223.93)` | Manitou Blue | black, 6 to 1 |
| 23 | `#5496a2` | `oklch(63.29% 0.0693 210.40)` | Star City | black, 6.2 to 1 |
| 24 | `#569ba1` | `oklch(64.53% 0.0703 203.62)` | Tropical Oasis | black, 6.5 to 1 |
| 25 | `#5da1a9` | `oklch(66.62% 0.0699 205.43)` | Aqua Sea | black, 7.1 to 1 |
| 26 | `#69a8b8` | `oklch(69.57% 0.0691 214.88)` | Blue Chiffon | black, 7.9 to 1 |
| 27 | `#7bb1cb` | `oklch(73.10% 0.0679 229.82)` | Frisky Blue | black, 8.9 to 1 |
| 28 | `#93b8dd` | `oklch(76.93% 0.0666 248.11)` | Blue Beyond | black, 10.1 to 1 |
| 29 | `#aebfeb` | `oklch(80.76% 0.0652 267.63)` | Sky High | black, 11.4 to 1 |
| 30 | `#c7c6f4` | `oklch(84.30% 0.0639 286.22)` | Light Periwinkle | black, 12.8 to 1 |
| 31 | `#dcccf8` | `oklch(87.27% 0.0628 301.75)` | Pale Lavender | black, 14 to 1 |
| 32 | `#ead1fa` | `oklch(89.37% 0.0620 312.08)` | Mousse aux Pruneaux | black, 14.9 to 1 |

## CSS

```css
background: linear-gradient(225deg, #b32e5c 0.0%, #ae2d64 3.2%, #a62c6f 6.5%, #9b2b7a 9.7%, #8e2c86 12.9%, #812e8f 16.1%, #753195 19.4%, #6c359a 22.6%, #673b9b 25.8%, #6a419b 29.0%, #71489a 32.3%, #7a5098 35.5%, #845996 38.7%, #8c6396 41.9%, #916c98 45.2%, #94749b 48.4%, #937aa1 51.6%, #8c7fa7 54.8%, #8183ac 58.1%, #7388ae 61.3%, #648dac 64.5%, #5991a6 67.7%, #5496a2 71.0%, #569ba1 74.2%, #5da1a9 77.4%, #69a8b8 80.6%, #7bb1cb 83.9%, #93b8dd 87.1%, #aebfeb 90.3%, #c7c6f4 93.5%, #dcccf8 96.8%, #ead1fa 100.0%);
background: linear-gradient(225deg in oklch, oklch(51.97% 0.1709 4.92) 0.0%, oklch(51.27% 0.1701 359.37) 3.2%, oklch(50.16% 0.1695 351.35) 6.5%, oklch(48.83% 0.1690 341.78) 9.7%, oklch(47.47% 0.1679 331.54) 12.9%, oklch(46.27% 0.1662 321.53) 16.1%, oklch(45.40% 0.1632 312.66) 19.4%, oklch(45.07% 0.1588 305.83) 22.6%, oklch(45.45% 0.1525 301.95) 25.8%, oklch(46.67% 0.1432 301.99) 29.0%, oklch(48.56% 0.1312 305.08) 32.3%, oklch(50.90% 0.1177 309.91) 35.5%, oklch(53.46% 0.1037 315.13) 38.7%, oklch(56.03% 0.0903 319.42) 41.9%, oklch(58.38% 0.0785 321.45) 45.2%, oklch(60.30% 0.0694 319.90) 48.4%, oklch(61.57% 0.0638 313.21) 51.6%, oklch(62.22% 0.0613 300.02) 54.8%, oklch(62.45% 0.0611 282.24) 58.1%, oklch(62.46% 0.0624 262.11) 61.3%, oklch(62.47% 0.0647 241.92) 64.5%, oklch(62.67% 0.0672 223.93) 67.7%, oklch(63.29% 0.0693 210.40) 71.0%, oklch(64.53% 0.0703 203.62) 74.2%, oklch(66.62% 0.0699 205.43) 77.4%, oklch(69.57% 0.0691 214.88) 80.6%, oklch(73.10% 0.0679 229.82) 83.9%, oklch(76.93% 0.0666 248.11) 87.1%, oklch(80.76% 0.0652 267.63) 90.3%, oklch(84.30% 0.0639 286.22) 93.5%, oklch(87.27% 0.0628 301.75) 96.8%, oklch(89.37% 0.0620 312.08) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.52 | 0.171 | 4.9 |
| 2 | 0.453 | 0.154 | -57.4 |
| 3 | 0.61 | 0.066 | -42.6 |
| 4 | 0.65 | 0.07 | -156.8 |
| 5 | 0.894 | 0.062 | -47.9 |

## In these collections

- [Sky](https://grabient.com/sky)

## Other forms

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