# Monochrome black to green linear gradient

Monochrome black to green linear gradient with 32 colors: #0f1a11, #111d13, #122016, #142319, #17281d, #192c21, #1b3126, #1e362b, #203b2f, #224033, #244537, #254a3a, #274f3c, #2a543d, #2d583e, #315d3e, #35623d, #3b663b, #416a39, #466d37, #4b7135, #507435, #537735, #557937, #577c39, #587e3b, #58803e, #598241, #598444, #598646, #598748, #5a884a. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUNBFqrpHBsEkPFJpkBg`
- Page: https://grabient.com/kUNBFqrpHBsEkPFJpkBg?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: dark to light, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.3 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 | `#0f1a11` | `oklch(20.47% 0.0234 149.77)` | Pinch of Pepper | white, 17.8 to 1 |
| 2 | `#111d13` | `oklch(21.40% 0.0247 150.81)` | Nightmare | white, 17.4 to 1 |
| 3 | `#122016` | `oklch(22.60% 0.0263 152.38)` | Black Emerald | white, 16.9 to 1 |
| 4 | `#142319` | `oklch(24.03% 0.0280 154.34)` | Black Emerald | white, 16.2 to 1 |
| 5 | `#17281d` | `oklch(25.62% 0.0300 156.50)` | Deep Slate Green | white, 15.5 to 1 |
| 6 | `#192c21` | `oklch(27.34% 0.0322 158.72)` | Guerrilla Forest | white, 14.7 to 1 |
| 7 | `#1b3126` | `oklch(29.13% 0.0347 160.81)` | Lacquer Green | white, 13.8 to 1 |
| 8 | `#1e362b` | `oklch(30.95% 0.0374 162.63)` | Medium Jungle Green | white, 12.9 to 1 |
| 9 | `#203b2f` | `oklch(32.76% 0.0404 164.00)` | Palm Green | white, 12 to 1 |
| 10 | `#224033` | `oklch(34.49% 0.0436 164.77)` | English Holly | white, 11.2 to 1 |
| 11 | `#244537` | `oklch(36.11% 0.0470 164.76)` | Burnham | white, 10.5 to 1 |
| 12 | `#254a3a` | `oklch(37.61% 0.0509 163.80)` | Springbok Green | white, 9.9 to 1 |
| 13 | `#274f3c` | `oklch(39.14% 0.0555 161.81)` | Springbok Green | white, 9.2 to 1 |
| 14 | `#2a543d` | `oklch(40.68% 0.0606 159.02)` | Green Stain | white, 8.6 to 1 |
| 15 | `#2d583e` | `oklch(42.22% 0.0662 155.63)` | Green Stain | white, 8.1 to 1 |
| 16 | `#315d3e` | `oklch(43.74% 0.0720 151.86)` | Verde Garrafa | white, 7.5 to 1 |
| 17 | `#35623d` | `oklch(45.23% 0.0778 147.93)` | Espalier | white, 7.1 to 1 |
| 18 | `#3b663b` | `oklch(46.66% 0.0834 144.06)` | Jurassic Park | white, 6.6 to 1 |
| 19 | `#416a39` | `oklch(48.02% 0.0886 140.47)` | Arcala Green | white, 6.2 to 1 |
| 20 | `#466d37` | `oklch(49.30% 0.0933 137.37)` | Gully Green | white, 5.9 to 1 |
| 21 | `#4b7135` | `oklch(50.47% 0.0972 135.00)` | Loren Forest | white, 5.6 to 1 |
| 22 | `#507435` | `oklch(51.52% 0.1001 133.53)` | Deep Pine | white, 5.4 to 1 |
| 23 | `#537735` | `oklch(52.48% 0.1022 132.78)` | Luck of the Irish | white, 5.2 to 1 |
| 24 | `#557937` | `oklch(53.36% 0.1036 132.59)` | Luck of the Irish | white, 5 to 1 |
| 25 | `#577c39` | `oklch(54.16% 0.1046 132.85)` | Hot Pepper Green | white, 4.8 to 1 |
| 26 | `#587e3b` | `oklch(54.89% 0.1050 133.44)` | Hot Pepper Green | white, 4.6 to 1 |
| 27 | `#58803e` | `oklch(55.54% 0.1052 134.26)` | Hot Pepper Green | black, 4.5 to 1 |
| 28 | `#598241` | `oklch(56.13% 0.1051 135.21)` | Hot Pepper Green | black, 4.7 to 1 |
| 29 | `#598444` | `oklch(56.66% 0.1049 136.18)` | Shepherd’s Green | black, 4.8 to 1 |
| 30 | `#598646` | `oklch(57.12% 0.1047 137.06)` | Shepherd’s Green | black, 4.9 to 1 |
| 31 | `#598748` | `oklch(57.52% 0.1046 137.75)` | Shepherd’s Green | black, 5 to 1 |
| 32 | `#5a884a` | `oklch(57.87% 0.1047 138.14)` | Beatnik | black, 5 to 1 |

## CSS

```css
background: linear-gradient(90deg, #0f1a11 0.0%, #111d13 3.2%, #122016 6.5%, #142319 9.7%, #17281d 12.9%, #192c21 16.1%, #1b3126 19.4%, #1e362b 22.6%, #203b2f 25.8%, #224033 29.0%, #244537 32.3%, #254a3a 35.5%, #274f3c 38.7%, #2a543d 41.9%, #2d583e 45.2%, #315d3e 48.4%, #35623d 51.6%, #3b663b 54.8%, #416a39 58.1%, #466d37 61.3%, #4b7135 64.5%, #507435 67.7%, #537735 71.0%, #557937 74.2%, #577c39 77.4%, #587e3b 80.6%, #58803e 83.9%, #598241 87.1%, #598444 90.3%, #598646 93.5%, #598748 96.8%, #5a884a 100.0%);
background: linear-gradient(90deg in oklch, oklch(20.47% 0.0234 149.77) 0.0%, oklch(21.40% 0.0247 150.81) 3.2%, oklch(22.60% 0.0263 152.38) 6.5%, oklch(24.03% 0.0280 154.34) 9.7%, oklch(25.62% 0.0300 156.50) 12.9%, oklch(27.34% 0.0322 158.72) 16.1%, oklch(29.13% 0.0347 160.81) 19.4%, oklch(30.95% 0.0374 162.63) 22.6%, oklch(32.76% 0.0404 164.00) 25.8%, oklch(34.49% 0.0436 164.77) 29.0%, oklch(36.11% 0.0470 164.76) 32.3%, oklch(37.61% 0.0509 163.80) 35.5%, oklch(39.14% 0.0555 161.81) 38.7%, oklch(40.68% 0.0606 159.02) 41.9%, oklch(42.22% 0.0662 155.63) 45.2%, oklch(43.74% 0.0720 151.86) 48.4%, oklch(45.23% 0.0778 147.93) 51.6%, oklch(46.66% 0.0834 144.06) 54.8%, oklch(48.02% 0.0886 140.47) 58.1%, oklch(49.30% 0.0933 137.37) 61.3%, oklch(50.47% 0.0972 135.00) 64.5%, oklch(51.52% 0.1001 133.53) 67.7%, oklch(52.48% 0.1022 132.78) 71.0%, oklch(53.36% 0.1036 132.59) 74.2%, oklch(54.16% 0.1046 132.85) 77.4%, oklch(54.89% 0.1050 133.44) 80.6%, oklch(55.54% 0.1052 134.26) 83.9%, oklch(56.13% 0.1051 135.21) 87.1%, oklch(56.66% 0.1049 136.18) 90.3%, oklch(57.12% 0.1047 137.06) 93.5%, oklch(57.52% 0.1046 137.75) 96.8%, oklch(57.87% 0.1047 138.14) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.205 | 0.023 | 149.8 |
| 2 | 0.366 | 0.048 | 164.6 |
| 3 | 0.512 | 0.099 | 133.9 |
| 4 | 0.579 | 0.105 | 138.1 |

## In these collections

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

## Other forms

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