# Monochrome black to purple linear gradient

Monochrome black to purple linear gradient with 32 colors: #242425, #252426, #272528, #28252a, #29262d, #2b2730, #2c2933, #2d2a37, #2f2b3a, #312d3e, #342f43, #363048, #39324d, #3c3452, #403657, #43385b, #473a5f, #4a3d63, #4e4067, #51446b, #55476f, #5a4a72, #5e4e75, #645177, #6a5478, #715879, #785c79, #7e6178, #846678, #886a78, #8b6e78, #8e7178. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWQgLgpgm9q-WwC8F0DyY3GQ`
- Page: https://grabient.com/kWQgLgpgm9q-WwC8F0DyY3GQ?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark to light, muted, dark
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.5 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 | `#242425` | `oklch(25.98% 0.0028 315.70)` | Verified Black | white, 15.5 to 1 |
| 2 | `#252426` | `oklch(26.27% 0.0045 314.03)` | Nero | white, 15.4 to 1 |
| 3 | `#272528` | `oklch(26.63% 0.0068 311.62)` | Darth Vader | white, 15.2 to 1 |
| 4 | `#28252a` | `oklch(27.06% 0.0096 308.75)` | Darth Vader | white, 15 to 1 |
| 5 | `#29262d` | `oklch(27.55% 0.0126 305.67)` | Black Onyx | white, 14.8 to 1 |
| 6 | `#2b2730` | `oklch(28.10% 0.0160 302.64)` | Black Onyx | white, 14.6 to 1 |
| 7 | `#2c2933` | `oklch(28.71% 0.0196 299.92)` | Haiti | white, 14.3 to 1 |
| 8 | `#2d2a37` | `oklch(29.38% 0.0233 297.77)` | Haiti | white, 14 to 1 |
| 9 | `#2f2b3a` | `oklch(30.11% 0.0272 296.43)` | Black Rock | white, 13.6 to 1 |
| 10 | `#312d3e` | `oklch(30.90% 0.0316 295.75)` | Black Rock | white, 13.3 to 1 |
| 11 | `#342f43` | `oklch(31.76% 0.0367 295.56)` | Oil Rush | white, 12.9 to 1 |
| 12 | `#363048` | `oklch(32.69% 0.0421 295.75)` | Plum Fuzz | white, 12.5 to 1 |
| 13 | `#39324d` | `oklch(33.66% 0.0475 296.23)` | Chrysomela Goettingensis | white, 12 to 1 |
| 14 | `#3c3452` | `oklch(34.69% 0.0526 296.90)` | Naggaroth Night | white, 11.6 to 1 |
| 15 | `#403657` | `oklch(35.75% 0.0571 297.67)` | Naggaroth Night | white, 11.1 to 1 |
| 16 | `#43385b` | `oklch(36.85% 0.0606 298.44)` | Purple Plumeria | white, 10.7 to 1 |
| 17 | `#473a5f` | `oklch(37.97% 0.0631 299.07)` | Mulberry Purple | white, 10.2 to 1 |
| 18 | `#4a3d63` | `oklch(39.15% 0.0649 299.35)` | Mulberry Purple | white, 9.7 to 1 |
| 19 | `#4e4067` | `oklch(40.37% 0.0660 299.45)` | Geode | white, 9.2 to 1 |
| 20 | `#51446b` | `oklch(41.64% 0.0665 299.64)` | True Romance | white, 8.8 to 1 |
| 21 | `#55476f` | `oklch(42.94% 0.0665 300.17)` | Purple Feather | white, 8.3 to 1 |
| 22 | `#5a4a72` | `oklch(44.26% 0.0660 301.28)` | Purple Reign | white, 7.8 to 1 |
| 23 | `#5e4e75` | `oklch(45.59% 0.0651 303.24)` | Benikakehana Purple | white, 7.4 to 1 |
| 24 | `#645177` | `oklch(46.91% 0.0638 306.29)` | Berry Syrup | white, 7 to 1 |
| 25 | `#6a5478` | `oklch(48.29% 0.0618 310.90)` | Gladiola Violet | white, 6.6 to 1 |
| 26 | `#715879` | `oklch(49.80% 0.0588 317.41)` | Trixter | white, 6.2 to 1 |
| 27 | `#785c79` | `oklch(51.39% 0.0551 325.21)` | Gala Ball | white, 5.8 to 1 |
| 28 | `#7e6178` | `oklch(52.98% 0.0509 333.65)` | Majestic Plum | white, 5.4 to 1 |
| 29 | `#846678` | `oklch(54.50% 0.0467 342.11)` | Arctic Dusk | white, 5 to 1 |
| 30 | `#886a78` | `oklch(55.87% 0.0428 349.94)` | Plum Royale | white, 4.7 to 1 |
| 31 | `#8b6e78` | `oklch(57.02% 0.0395 356.50)` | Myself | black, 4.6 to 1 |
| 32 | `#8e7178` | `oklch(57.87% 0.0372 1.14)` | Myself | black, 4.7 to 1 |

## CSS

```css
background: linear-gradient(135deg, #242425 0.0%, #252426 3.2%, #272528 6.5%, #28252a 9.7%, #29262d 12.9%, #2b2730 16.1%, #2c2933 19.4%, #2d2a37 22.6%, #2f2b3a 25.8%, #312d3e 29.0%, #342f43 32.3%, #363048 35.5%, #39324d 38.7%, #3c3452 41.9%, #403657 45.2%, #43385b 48.4%, #473a5f 51.6%, #4a3d63 54.8%, #4e4067 58.1%, #51446b 61.3%, #55476f 64.5%, #5a4a72 67.7%, #5e4e75 71.0%, #645177 74.2%, #6a5478 77.4%, #715879 80.6%, #785c79 83.9%, #7e6178 87.1%, #846678 90.3%, #886a78 93.5%, #8b6e78 96.8%, #8e7178 100.0%);
background: linear-gradient(135deg in oklch, oklch(25.98% 0.0028 315.70) 0.0%, oklch(26.27% 0.0045 314.03) 3.2%, oklch(26.63% 0.0068 311.62) 6.5%, oklch(27.06% 0.0096 308.75) 9.7%, oklch(27.55% 0.0126 305.67) 12.9%, oklch(28.10% 0.0160 302.64) 16.1%, oklch(28.71% 0.0196 299.92) 19.4%, oklch(29.38% 0.0233 297.77) 22.6%, oklch(30.11% 0.0272 296.43) 25.8%, oklch(30.90% 0.0316 295.75) 29.0%, oklch(31.76% 0.0367 295.56) 32.3%, oklch(32.69% 0.0421 295.75) 35.5%, oklch(33.66% 0.0475 296.23) 38.7%, oklch(34.69% 0.0526 296.90) 41.9%, oklch(35.75% 0.0571 297.67) 45.2%, oklch(36.85% 0.0606 298.44) 48.4%, oklch(37.97% 0.0631 299.07) 51.6%, oklch(39.15% 0.0649 299.35) 54.8%, oklch(40.37% 0.0660 299.45) 58.1%, oklch(41.64% 0.0665 299.64) 61.3%, oklch(42.94% 0.0665 300.17) 64.5%, oklch(44.26% 0.0660 301.28) 67.7%, oklch(45.59% 0.0651 303.24) 71.0%, oklch(46.91% 0.0638 306.29) 74.2%, oklch(48.29% 0.0618 310.90) 77.4%, oklch(49.80% 0.0588 317.41) 80.6%, oklch(51.39% 0.0551 325.21) 83.9%, oklch(52.98% 0.0509 333.65) 87.1%, oklch(54.50% 0.0467 342.11) 90.3%, oklch(55.87% 0.0428 349.94) 93.5%, oklch(57.02% 0.0395 356.50) 96.8%, oklch(57.87% 0.0372 1.14) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.26 | 0.003 | 315.7 |
| 2 | 0.299 | 0.026 | 296.7 |
| 3 | 0.374 | 0.062 | 298.8 |
| 4 | 0.472 | 0.063 | 307.2 |
| 5 | 0.579 | 0.037 | 361.1 |

## In these collections

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

## Other forms

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