# Black, green, gray and dark purple linear gradient

Black, green, gray and dark purple linear gradient with 32 colors: #181818, #1d1f22, #1f2a2f, #213838, #28463b, #31513c, #385c40, #3b6746, #3c714e, #3e7a54, #428059, #46865d, #498961, #4c8c64, #518c65, #578a63, #5c8761, #5b8363, #567f68, #53776f, #576d6f, #5a6267, #57595d, #4f5159, #494558, #493855, #4a294d, #491d43, #45123b, #400835, #3a0131, #35002c. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kcNQDKsJCxUKfPzKoL_x5ZADqCzEpHcgHKdAw`
- Page: https://grabient.com/kcNQDKsJCxUKfPzKoL_x5ZADqCzEpHcgHKdAw?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: light center
- Hues: complementary
- Contrast of its darkest and lightest colors: 4.4 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 | `#181818` | `oklch(20.87% 0.0000 89.88)` | Thamar Black | white, 17.7 to 1 |
| 2 | `#1d1f22` | `oklch(23.67% 0.0073 262.90)` | Inkwell Inception | white, 16.5 to 1 |
| 3 | `#1f2a2f` | `oklch(27.69% 0.0178 230.76)` | Cinder | white, 14.6 to 1 |
| 4 | `#213838` | `oklch(32.22% 0.0296 196.69)` | Kōrainando Green | white, 12.4 to 1 |
| 5 | `#28463b` | `oklch(36.56% 0.0411 168.98)` | Mushiao Green | white, 10.3 to 1 |
| 6 | `#31513c` | `oklch(40.23% 0.0512 154.52)` | Goblin | white, 8.8 to 1 |
| 7 | `#385c40` | `oklch(43.77% 0.0615 149.96)` | Horsetail | white, 7.6 to 1 |
| 8 | `#3b6746` | `oklch(47.14% 0.0715 151.01)` | Forest Serenade | white, 6.5 to 1 |
| 9 | `#3c714e` | `oklch(50.16% 0.0800 153.84)` | Parsley Sprig | white, 5.7 to 1 |
| 10 | `#3e7a54` | `oklch(52.69% 0.0861 154.69)` | Rokushō Green | white, 5.1 to 1 |
| 11 | `#428059` | `oklch(54.76% 0.0899 154.31)` | Leisure Green | white, 4.6 to 1 |
| 12 | `#46865d` | `oklch(56.44% 0.0917 154.31)` | Onion Seedling | black, 4.8 to 1 |
| 13 | `#498961` | `oklch(57.70% 0.0919 154.52)` | Onion Seedling | black, 5 to 1 |
| 14 | `#4c8c64` | `oklch(58.51% 0.0903 154.74)` | Spring Garden | black, 5.2 to 1 |
| 15 | `#518c65` | `oklch(58.86% 0.0870 153.77)` | Spring Garden | black, 5.2 to 1 |
| 16 | `#578a63` | `oklch(58.74% 0.0819 150.36)` | Spring Garden | black, 5.2 to 1 |
| 17 | `#5c8761` | `oklch(58.18% 0.0752 147.85)` | Spring Garden | black, 5.1 to 1 |
| 18 | `#5b8363` | `oklch(57.22% 0.0671 149.79)` | Soylent Green | black, 4.8 to 1 |
| 19 | `#567f68` | `oklch(55.87% 0.0576 159.74)` | Juniper Green | black, 4.6 to 1 |
| 20 | `#53776f` | `oklch(54.01% 0.0430 179.72)` | Wishard | white, 4.9 to 1 |
| 21 | `#576d6f` | `oklch(51.72% 0.0261 205.90)` | Blue Ballet | white, 5.5 to 1 |
| 22 | `#5a6267` | `oklch(49.15% 0.0123 233.46)` | Greys Harbor | white, 6.2 to 1 |
| 23 | `#57595d` | `oklch(46.45% 0.0067 257.58)` | Summer Concrete | white, 6.9 to 1 |
| 24 | `#4f5159` | `oklch(43.56% 0.0140 276.94)` | Water Ouzel | white, 7.9 to 1 |
| 25 | `#494558` | `oklch(40.33% 0.0315 294.93)` | Oath | white, 9.1 to 1 |
| 26 | `#493855` | `oklch(37.03% 0.0533 310.76)` | Purple Plumeria | white, 10.6 to 1 |
| 27 | `#4a294d` | `oklch(33.89% 0.0731 323.55)` | Murasaki | white, 12.2 to 1 |
| 28 | `#491d43` | `oklch(31.13% 0.0858 332.32)` | Purple Void | white, 13.6 to 1 |
| 29 | `#45123b` | `oklch(28.47% 0.0942 336.33)` | Velvet Cosmos | white, 14.9 to 1 |
| 30 | `#400835` | `oklch(26.00% 0.1001 337.14)` | Greek Aubergine | white, 16.1 to 1 |
| 31 | `#3a0131` | `oklch(23.92% 0.1043 336.59)` | Cured Eggplant | white, 17 to 1 |
| 32 | `#35002c` | `oklch(22.48% 0.0992 336.57)` | Exquisite Eggplant | white, 17.6 to 1 |

## CSS

```css
background: linear-gradient(90deg, #181818 0.0%, #1d1f22 3.2%, #1f2a2f 6.5%, #213838 9.7%, #28463b 12.9%, #31513c 16.1%, #385c40 19.4%, #3b6746 22.6%, #3c714e 25.8%, #3e7a54 29.0%, #428059 32.3%, #46865d 35.5%, #498961 38.7%, #4c8c64 41.9%, #518c65 45.2%, #578a63 48.4%, #5c8761 51.6%, #5b8363 54.8%, #567f68 58.1%, #53776f 61.3%, #576d6f 64.5%, #5a6267 67.7%, #57595d 71.0%, #4f5159 74.2%, #494558 77.4%, #493855 80.6%, #4a294d 83.9%, #491d43 87.1%, #45123b 90.3%, #400835 93.5%, #3a0131 96.8%, #35002c 100.0%);
background: linear-gradient(90deg in oklch, oklch(20.87% 0.0000 89.88) 0.0%, oklch(23.67% 0.0073 262.90) 3.2%, oklch(27.69% 0.0178 230.76) 6.5%, oklch(32.22% 0.0296 196.69) 9.7%, oklch(36.56% 0.0411 168.98) 12.9%, oklch(40.23% 0.0512 154.52) 16.1%, oklch(43.77% 0.0615 149.96) 19.4%, oklch(47.14% 0.0715 151.01) 22.6%, oklch(50.16% 0.0800 153.84) 25.8%, oklch(52.69% 0.0861 154.69) 29.0%, oklch(54.76% 0.0899 154.31) 32.3%, oklch(56.44% 0.0917 154.31) 35.5%, oklch(57.70% 0.0919 154.52) 38.7%, oklch(58.51% 0.0903 154.74) 41.9%, oklch(58.86% 0.0870 153.77) 45.2%, oklch(58.74% 0.0819 150.36) 48.4%, oklch(58.18% 0.0752 147.85) 51.6%, oklch(57.22% 0.0671 149.79) 54.8%, oklch(55.87% 0.0576 159.74) 58.1%, oklch(54.01% 0.0430 179.72) 61.3%, oklch(51.72% 0.0261 205.90) 64.5%, oklch(49.15% 0.0123 233.46) 67.7%, oklch(46.45% 0.0067 257.58) 71.0%, oklch(43.56% 0.0140 276.94) 74.2%, oklch(40.33% 0.0315 294.93) 77.4%, oklch(37.03% 0.0533 310.76) 80.6%, oklch(33.89% 0.0731 323.55) 83.9%, oklch(31.13% 0.0858 332.32) 87.1%, oklch(28.47% 0.0942 336.33) 90.3%, oklch(26.00% 0.1001 337.14) 93.5%, oklch(23.92% 0.1043 336.59) 96.8%, oklch(22.48% 0.0992 336.57) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.209 | 0 | 284.8 |
| 2 | 0.382 | 0.045 | 161.1 |
| 3 | 0.524 | 0.085 | 154.8 |
| 4 | 0.587 | 0.09 | 154.8 |
| 5 | 0.563 | 0.061 | 155.8 |
| 6 | 0.461 | 0.007 | 260.5 |
| 7 | 0.323 | 0.081 | 329.1 |
| 8 | 0.224 | 0.107 | 336.5 |

## In these collections

- [Dark muted gradients](https://grabient.com/dark-muted-gradients)

## Other forms

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