# Black and acid lime gradient

Monochrome black to light green linear gradient with 32 colors: #040604, #050704, #060905, #070b05, #080d06, #0a1007, #0c1309, #0e160a, #111a0b, #131e0d, #15230e, #18280f, #1b2d10, #1e3311, #213913, #254014, #2a4716, #2f5017, #345918, #3b6319, #426e1a, #49781b, #52831d, #5b8e20, #649a25, #70a72d, #7db436, #8bc240, #98cf49, #a4dc52, #afe65a, #b6ee5f. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Monochrome black to light green linear gradient
- Seed: `kWHgdgGYs_6ydP_MNr-cEG_Y`
- Page: https://grabient.com/kWHgdgGYs_6ydP_MNr-cEG_Y?steps=32&angle=0
- Drawn as: linear gradient, 32 steps, 0 degrees
- Kinds: dark to light, vivid, dark, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 14.8 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 | `#040604` | `oklch(11.81% 0.0096 135.00)` | Black Metal | white, 20.3 to 1 |
| 2 | `#050704` | `oklch(12.42% 0.0111 135.00)` | Black Metal | white, 20.2 to 1 |
| 3 | `#060905` | `oklch(13.19% 0.0128 135.00)` | Accursed Black | white, 20 to 1 |
| 4 | `#070b05` | `oklch(14.10% 0.0148 135.00)` | Badab Black Wash | white, 19.8 to 1 |
| 5 | `#080d06` | `oklch(15.15% 0.0172 135.00)` | Alpine Salamander | white, 19.5 to 1 |
| 6 | `#0a1007` | `oklch(16.31% 0.0200 135.00)` | Alpine Salamander | white, 19.2 to 1 |
| 7 | `#0c1309` | `oklch(17.60% 0.0233 135.00)` | Jedi Night | white, 18.8 to 1 |
| 8 | `#0e160a` | `oklch(18.98% 0.0271 135.00)` | Pinch of Pepper | white, 18.3 to 1 |
| 9 | `#111a0b` | `oklch(20.46% 0.0315 135.00)` | Pinch of Pepper | white, 17.8 to 1 |
| 10 | `#131e0d` | `oklch(22.00% 0.0364 135.03)` | Nightmare | white, 17.1 to 1 |
| 11 | `#15230e` | `oklch(23.64% 0.0420 135.09)` | Midnight Pines | white, 16.4 to 1 |
| 12 | `#18280f` | `oklch(25.38% 0.0480 135.16)` | Deep Slate Olive | white, 15.6 to 1 |
| 13 | `#1b2d10` | `oklch(27.24% 0.0545 135.22)` | Nori Green | white, 14.7 to 1 |
| 14 | `#1e3311` | `oklch(29.25% 0.0614 135.23)` | Darkest Forest | white, 13.7 to 1 |
| 15 | `#213913` | `oklch(31.42% 0.0686 135.20)` | Melancholia | white, 12.6 to 1 |
| 16 | `#254014` | `oklch(33.78% 0.0761 135.09)` | Myrtle | white, 11.5 to 1 |
| 17 | `#2a4716` | `oklch(36.35% 0.0839 134.89)` | Treetop Cathedral | white, 10.3 to 1 |
| 18 | `#2f5017` | `oklch(39.17% 0.0928 134.60)` | Chestnut Green | white, 9.2 to 1 |
| 19 | `#345918` | `oklch(42.19% 0.1025 134.25)` | Bright Nori | white, 8 to 1 |
| 20 | `#3b6319` | `oklch(45.37% 0.1125 133.84)` | Rainforest Matcha | white, 7 to 1 |
| 21 | `#426e1a` | `oklch(48.69% 0.1225 133.40)` | Forest Empress | white, 6 to 1 |
| 22 | `#49781b` | `oklch(52.09% 0.1321 132.92)` | Tropicana | white, 5.2 to 1 |
| 23 | `#52831d` | `oklch(55.53% 0.1409 132.44)` | Avocado | black, 4.6 to 1 |
| 24 | `#5b8e20` | `oklch(58.98% 0.1485 131.95)` | Sap Green | black, 5.3 to 1 |
| 25 | `#649a25` | `oklch(62.57% 0.1548 131.44)` | Thyme and Salt | black, 6.1 to 1 |
| 26 | `#70a72d` | `oklch(66.56% 0.1603 130.86)` | Leaf | black, 7.2 to 1 |
| 27 | `#7db436` | `oklch(70.79% 0.1651 130.24)` | Football Field | black, 8.4 to 1 |
| 28 | `#8bc240` | `oklch(75.04% 0.1693 129.60)` | Hill Lands | black, 9.8 to 1 |
| 29 | `#98cf49` | `oklch(79.11% 0.1728 128.98)` | Green Lantern | black, 11.4 to 1 |
| 30 | `#a4dc52` | `oklch(82.80% 0.1758 128.42)` | Conifer | black, 12.9 to 1 |
| 31 | `#afe65a` | `oklch(85.89% 0.1784 127.95)` | Inchworm | black, 14.2 to 1 |
| 32 | `#b6ee5f` | `oklch(88.19% 0.1805 127.60)` | Inchworm | black, 15.3 to 1 |

## CSS

```css
background: linear-gradient(0deg, #040604 0.0%, #050704 3.2%, #060905 6.5%, #070b05 9.7%, #080d06 12.9%, #0a1007 16.1%, #0c1309 19.4%, #0e160a 22.6%, #111a0b 25.8%, #131e0d 29.0%, #15230e 32.3%, #18280f 35.5%, #1b2d10 38.7%, #1e3311 41.9%, #213913 45.2%, #254014 48.4%, #2a4716 51.6%, #2f5017 54.8%, #345918 58.1%, #3b6319 61.3%, #426e1a 64.5%, #49781b 67.7%, #52831d 71.0%, #5b8e20 74.2%, #649a25 77.4%, #70a72d 80.6%, #7db436 83.9%, #8bc240 87.1%, #98cf49 90.3%, #a4dc52 93.5%, #afe65a 96.8%, #b6ee5f 100.0%);
background: linear-gradient(0deg in oklch, oklch(11.81% 0.0096 135.00) 0.0%, oklch(12.42% 0.0111 135.00) 3.2%, oklch(13.19% 0.0128 135.00) 6.5%, oklch(14.10% 0.0148 135.00) 9.7%, oklch(15.15% 0.0172 135.00) 12.9%, oklch(16.31% 0.0200 135.00) 16.1%, oklch(17.60% 0.0233 135.00) 19.4%, oklch(18.98% 0.0271 135.00) 22.6%, oklch(20.46% 0.0315 135.00) 25.8%, oklch(22.00% 0.0364 135.03) 29.0%, oklch(23.64% 0.0420 135.09) 32.3%, oklch(25.38% 0.0480 135.16) 35.5%, oklch(27.24% 0.0545 135.22) 38.7%, oklch(29.25% 0.0614 135.23) 41.9%, oklch(31.42% 0.0686 135.20) 45.2%, oklch(33.78% 0.0761 135.09) 48.4%, oklch(36.35% 0.0839 134.89) 51.6%, oklch(39.17% 0.0928 134.60) 54.8%, oklch(42.19% 0.1025 134.25) 58.1%, oklch(45.37% 0.1125 133.84) 61.3%, oklch(48.69% 0.1225 133.40) 64.5%, oklch(52.09% 0.1321 132.92) 67.7%, oklch(55.53% 0.1409 132.44) 71.0%, oklch(58.98% 0.1485 131.95) 74.2%, oklch(62.57% 0.1548 131.44) 77.4%, oklch(66.56% 0.1603 130.86) 80.6%, oklch(70.79% 0.1651 130.24) 83.9%, oklch(75.04% 0.1693 129.60) 87.1%, oklch(79.11% 0.1728 128.98) 90.3%, oklch(82.80% 0.1758 128.42) 93.5%, oklch(85.89% 0.1784 127.95) 96.8%, oklch(88.19% 0.1805 127.60) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.118 | 0.01 | 135 |
| 2 | 0.201 | 0.03 | 135 |
| 3 | 0.35 | 0.08 | 135 |
| 4 | 0.598 | 0.15 | 131.8 |
| 5 | 0.882 | 0.181 | 127.6 |

## In these collections

- [Black Friday gradients](https://grabient.com/black-friday-gradients)

## Other forms

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