# Purple, gray, dark purple and blue linear gradient

Purple, gray, dark purple and blue linear gradient with 32 colors: #7e394c, #844762, #8d5c81, #9677a2, #9d94be, #a6afd2, #b0c3dd, #b7cee0, #b5ccd9, #a7bec9, #8ea5b0, #708792, #506674, #324858, #1b2e41, #0d1c30, #081227, #0a0c23, #0f0921, #170821, #200a21, #2a0e22, #331424, #3b1a28, #422031, #492a40, #503753, #544666, #565678, #576685, #58738d, #5b7d92. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWcEYD6ouwZmQwwjFMryJKyI`
- Page: https://grabient.com/kWcEYD6ouwZmQwwjFMryJKyI?steps=32&angle=315
- Drawn as: linear gradient, 32 steps, 315 degrees
- Kinds: dark center, muted
- Hues: wide
- Contrast of its darkest and lightest colors: 11.9 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 | `#7e394c` | `oklch(44.09% 0.0965 4.92)` | Velvet Rose | white, 8.1 to 1 |
| 2 | `#844762` | `oklch(48.03% 0.0907 353.29)` | Grand Poobah | white, 6.8 to 1 |
| 3 | `#8d5c81` | `oklch(54.09% 0.0824 336.52)` | Antique Fuchsia | white, 5.2 to 1 |
| 4 | `#9677a2` | `oklch(61.35% 0.0725 316.49)` | Divine | black, 5.4 to 1 |
| 5 | `#9d94be` | `oklch(68.89% 0.0619 295.06)` | Lavender Bonnet | black, 7.4 to 1 |
| 6 | `#a6afd2` | `oklch(75.78% 0.0515 274.08)` | Calm Interlude | black, 9.6 to 1 |
| 7 | `#b0c3dd` | `oklch(81.10% 0.0423 255.40)` | Light Steel Blue | black, 11.6 to 1 |
| 8 | `#b7cee0` | `oklch(83.93% 0.0351 240.90)` | Cache Blue | black, 12.8 to 1 |
| 9 | `#b5ccd9` | `oklch(83.33% 0.0310 232.32)` | Arctic Circle | black, 12.6 to 1 |
| 10 | `#a7bec9` | `oklch(78.67% 0.0295 228.49)` | Juliet Blue | black, 10.8 to 1 |
| 11 | `#8ea5b0` | `oklch(70.78% 0.0300 228.05)` | Galleria Blue | black, 8.1 to 1 |
| 12 | `#708792` | `oklch(60.79% 0.0321 230.43)` | Lyric Blue | black, 5.5 to 1 |
| 13 | `#506674` | `oklch(49.83% 0.0350 235.05)` | Slate | white, 5.9 to 1 |
| 14 | `#324858` | `oklch(39.03% 0.0385 241.30)` | Dilly Blue | white, 9.5 to 1 |
| 15 | `#1b2e41` | `oklch(29.50% 0.0418 248.62)` | NATO Blue | white, 13.8 to 1 |
| 16 | `#0d1c30` | `oklch(22.38% 0.0445 256.41)` | Trapped Darkness | white, 17.1 to 1 |
| 17 | `#081227` | `oklch(18.51% 0.0463 264.83)` | Corbeau | white, 18.6 to 1 |
| 18 | `#0a0c23` | `oklch(16.71% 0.0480 277.27)` | Tristesse | white, 19.3 to 1 |
| 19 | `#0f0921` | `oklch(16.44% 0.0498 292.75)` | Tristesse | white, 19.4 to 1 |
| 20 | `#170821` | `oklch(17.38% 0.0516 309.48)` | Meški Black | white, 19.1 to 1 |
| 21 | `#200a21` | `oklch(19.23% 0.0532 325.69)` | Meški Black | white, 18.6 to 1 |
| 22 | `#2a0e22` | `oklch(21.64% 0.0546 339.61)` | Inside | white, 17.7 to 1 |
| 23 | `#331424` | `oklch(24.32% 0.0557 349.44)` | Black Cherry | white, 16.6 to 1 |
| 24 | `#3b1a28` | `oklch(26.95% 0.0564 353.42)` | Black-Hearted | white, 15.4 to 1 |
| 25 | `#422031` | `oklch(29.67% 0.0566 349.82)` | Castro | white, 14.1 to 1 |
| 26 | `#492a40` | `oklch(33.32% 0.0563 338.91)` | Purple Pennant | white, 12.4 to 1 |
| 27 | `#503753` | `oklch(37.61% 0.0555 322.78)` | Chive Bloom | white, 10.4 to 1 |
| 28 | `#544666` | `oklch(42.21% 0.0546 303.51)` | Roman Purple | white, 8.5 to 1 |
| 29 | `#565678` | `oklch(46.79% 0.0535 283.21)` | The Fang | white, 6.9 to 1 |
| 30 | `#576685` | `oklch(51.02% 0.0524 263.97)` | Enduring | white, 5.7 to 1 |
| 31 | `#58738d` | `oklch(54.56% 0.0515 247.88)` | Copen Blue | white, 4.9 to 1 |
| 32 | `#5b7d92` | `oklch(57.09% 0.0510 237.05)` | Provincial Blue | black, 4.7 to 1 |

## CSS

```css
background: linear-gradient(315deg, #7e394c 0.0%, #844762 3.2%, #8d5c81 6.5%, #9677a2 9.7%, #9d94be 12.9%, #a6afd2 16.1%, #b0c3dd 19.4%, #b7cee0 22.6%, #b5ccd9 25.8%, #a7bec9 29.0%, #8ea5b0 32.3%, #708792 35.5%, #506674 38.7%, #324858 41.9%, #1b2e41 45.2%, #0d1c30 48.4%, #081227 51.6%, #0a0c23 54.8%, #0f0921 58.1%, #170821 61.3%, #200a21 64.5%, #2a0e22 67.7%, #331424 71.0%, #3b1a28 74.2%, #422031 77.4%, #492a40 80.6%, #503753 83.9%, #544666 87.1%, #565678 90.3%, #576685 93.5%, #58738d 96.8%, #5b7d92 100.0%);
background: linear-gradient(315deg in oklch, oklch(44.09% 0.0965 4.92) 0.0%, oklch(48.03% 0.0907 353.29) 3.2%, oklch(54.09% 0.0824 336.52) 6.5%, oklch(61.35% 0.0725 316.49) 9.7%, oklch(68.89% 0.0619 295.06) 12.9%, oklch(75.78% 0.0515 274.08) 16.1%, oklch(81.10% 0.0423 255.40) 19.4%, oklch(83.93% 0.0351 240.90) 22.6%, oklch(83.33% 0.0310 232.32) 25.8%, oklch(78.67% 0.0295 228.49) 29.0%, oklch(70.78% 0.0300 228.05) 32.3%, oklch(60.79% 0.0321 230.43) 35.5%, oklch(49.83% 0.0350 235.05) 38.7%, oklch(39.03% 0.0385 241.30) 41.9%, oklch(29.50% 0.0418 248.62) 45.2%, oklch(22.38% 0.0445 256.41) 48.4%, oklch(18.51% 0.0463 264.83) 51.6%, oklch(16.71% 0.0480 277.27) 54.8%, oklch(16.44% 0.0498 292.75) 58.1%, oklch(17.38% 0.0516 309.48) 61.3%, oklch(19.23% 0.0532 325.69) 64.5%, oklch(21.64% 0.0546 339.61) 67.7%, oklch(24.32% 0.0557 349.44) 71.0%, oklch(26.95% 0.0564 353.42) 74.2%, oklch(29.67% 0.0566 349.82) 77.4%, oklch(33.32% 0.0563 338.91) 80.6%, oklch(37.61% 0.0555 322.78) 83.9%, oklch(42.21% 0.0546 303.51) 87.1%, oklch(46.79% 0.0535 283.21) 90.3%, oklch(51.02% 0.0524 263.97) 93.5%, oklch(54.56% 0.0515 247.88) 96.8%, oklch(57.09% 0.0510 237.05) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.441 | 0.096 | 4.9 |
| 2 | 0.839 | 0.032 | -126.1 |
| 3 | 0.201 | 0.045 | -99.7 |
| 4 | 0.276 | 0.056 | -6.7 |
| 5 | 0.571 | 0.051 | -122.9 |

## Other forms

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