# Night forest

Monochrome black to green linear gradient with 32 colors: #050f0a, #05100b, #06120c, #06140d, #07170f, #071911, #081c12, #081f14, #092216, #0a2618, #0b2919, #0b2c1b, #0c301d, #0d341f, #0e3821, #0e3c22, #0f4024, #104426, #114828, #124c2a, #13502c, #14542e, #165830, #175d32, #186135, #1a6538, #1b6a3a, #1c6e3d, #1d713f, #1e7542, #1e7844, #1f7a45. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Monochrome black to green linear gradient
- Seed: `kEQUPCkLKhoRRTLRH3pFA`
- Page: https://grabient.com/kEQUPCkLKhoRRTLRH3pFA?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark to light, vivid, dark, cool, monochrome
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 3.6 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 | `#050f0a` | `oklch(15.58% 0.0196 163.45)` | Alpine Salamander | white, 19.4 to 1 |
| 2 | `#05100b` | `oklch(16.14% 0.0211 163.12)` | Alpine Salamander | white, 19.2 to 1 |
| 3 | `#06120c` | `oklch(16.84% 0.0231 162.70)` | Alpine Salamander | white, 19 to 1 |
| 4 | `#06140d` | `oklch(17.66% 0.0253 162.20)` | Jedi Night | white, 18.8 to 1 |
| 5 | `#07170f` | `oklch(18.58% 0.0278 161.63)` | Pinch of Pepper | white, 18.4 to 1 |
| 6 | `#071911` | `oklch(19.59% 0.0306 161.02)` | Pinch of Pepper | white, 18.1 to 1 |
| 7 | `#081c12` | `oklch(20.66% 0.0335 160.39)` | Pinch of Pepper | white, 17.6 to 1 |
| 8 | `#081f14` | `oklch(21.78% 0.0367 159.74)` | Clock Chimes Thirteen | white, 17.2 to 1 |
| 9 | `#092216` | `oklch(22.94% 0.0399 159.10)` | Nightmare | white, 16.7 to 1 |
| 10 | `#0a2618` | `oklch(24.10% 0.0433 158.49)` | Deep Slate Green | white, 16.1 to 1 |
| 11 | `#0b2919` | `oklch(25.27% 0.0466 157.91)` | Nori Green | white, 15.6 to 1 |
| 12 | `#0b2c1b` | `oklch(26.43% 0.0501 157.37)` | Bush | white, 15 to 1 |
| 13 | `#0c301d` | `oklch(27.66% 0.0539 156.80)` | Dark Jungle | white, 14.4 to 1 |
| 14 | `#0d341f` | `oklch(28.95% 0.0579 156.22)` | Phthalo Green | white, 13.8 to 1 |
| 15 | `#0e3821` | `oklch(30.28% 0.0622 155.62)` | Off-Road Green | white, 13.1 to 1 |
| 16 | `#0e3c22` | `oklch(31.64% 0.0665 155.03)` | Deep Fir | white, 12.4 to 1 |
| 17 | `#0f4024` | `oklch(33.01% 0.0709 154.47)` | Angel Green | white, 11.8 to 1 |
| 18 | `#104426` | `oklch(34.39% 0.0752 153.94)` | Lost in the Woods | white, 11.1 to 1 |
| 19 | `#114828` | `oklch(35.76% 0.0794 153.46)` | Alaskan Moss | white, 10.5 to 1 |
| 20 | `#124c2a` | `oklch(37.10% 0.0835 153.05)` | Troll Green | white, 9.9 to 1 |
| 21 | `#13502c` | `oklch(38.41% 0.0873 152.71)` | Card Table Green | white, 9.4 to 1 |
| 22 | `#14542e` | `oklch(39.67% 0.0908 152.47)` | Moor-Monster | white, 8.9 to 1 |
| 23 | `#165830` | `oklch(40.98% 0.0942 152.32)` | Crusoe | white, 8.4 to 1 |
| 24 | `#175d32` | `oklch(42.33% 0.0975 152.27)` | Crusoe | white, 7.9 to 1 |
| 25 | `#186135` | `oklch(43.70% 0.1008 152.29)` | Spruce | white, 7.4 to 1 |
| 26 | `#1a6538` | `oklch(45.06% 0.1040 152.36)` | Bucolic | white, 7 to 1 |
| 27 | `#1b6a3a` | `oklch(46.38% 0.1070 152.47)` | Camarone | white, 6.6 to 1 |
| 28 | `#1c6e3d` | `oklch(47.63% 0.1098 152.60)` | Dartmouth Green | white, 6.3 to 1 |
| 29 | `#1d713f` | `oklch(48.79% 0.1123 152.74)` | Cloudy Camouflage | white, 5.9 to 1 |
| 30 | `#1e7542` | `oklch(49.81% 0.1146 152.86)` | Felt | white, 5.7 to 1 |
| 31 | `#1e7844` | `oklch(50.69% 0.1166 152.96)` | Woodland Soul | white, 5.5 to 1 |
| 32 | `#1f7a45` | `oklch(51.37% 0.1181 153.01)` | Woodland Soul | white, 5.3 to 1 |

## CSS

```css
background: linear-gradient(135deg, #050f0a 0.0%, #05100b 3.2%, #06120c 6.5%, #06140d 9.7%, #07170f 12.9%, #071911 16.1%, #081c12 19.4%, #081f14 22.6%, #092216 25.8%, #0a2618 29.0%, #0b2919 32.3%, #0b2c1b 35.5%, #0c301d 38.7%, #0d341f 41.9%, #0e3821 45.2%, #0e3c22 48.4%, #0f4024 51.6%, #104426 54.8%, #114828 58.1%, #124c2a 61.3%, #13502c 64.5%, #14542e 67.7%, #165830 71.0%, #175d32 74.2%, #186135 77.4%, #1a6538 80.6%, #1b6a3a 83.9%, #1c6e3d 87.1%, #1d713f 90.3%, #1e7542 93.5%, #1e7844 96.8%, #1f7a45 100.0%);
background: linear-gradient(135deg in oklch, oklch(15.58% 0.0196 163.45) 0.0%, oklch(16.14% 0.0211 163.12) 3.2%, oklch(16.84% 0.0231 162.70) 6.5%, oklch(17.66% 0.0253 162.20) 9.7%, oklch(18.58% 0.0278 161.63) 12.9%, oklch(19.59% 0.0306 161.02) 16.1%, oklch(20.66% 0.0335 160.39) 19.4%, oklch(21.78% 0.0367 159.74) 22.6%, oklch(22.94% 0.0399 159.10) 25.8%, oklch(24.10% 0.0433 158.49) 29.0%, oklch(25.27% 0.0466 157.91) 32.3%, oklch(26.43% 0.0501 157.37) 35.5%, oklch(27.66% 0.0539 156.80) 38.7%, oklch(28.95% 0.0579 156.22) 41.9%, oklch(30.28% 0.0622 155.62) 45.2%, oklch(31.64% 0.0665 155.03) 48.4%, oklch(33.01% 0.0709 154.47) 51.6%, oklch(34.39% 0.0752 153.94) 54.8%, oklch(35.76% 0.0794 153.46) 58.1%, oklch(37.10% 0.0835 153.05) 61.3%, oklch(38.41% 0.0873 152.71) 64.5%, oklch(39.67% 0.0908 152.47) 67.7%, oklch(40.98% 0.0942 152.32) 71.0%, oklch(42.33% 0.0975 152.27) 74.2%, oklch(43.70% 0.1008 152.29) 77.4%, oklch(45.06% 0.1040 152.36) 80.6%, oklch(46.38% 0.1070 152.47) 83.9%, oklch(47.63% 0.1098 152.60) 87.1%, oklch(48.79% 0.1123 152.74) 90.3%, oklch(49.81% 0.1146 152.86) 93.5%, oklch(50.69% 0.1166 152.96) 96.8%, oklch(51.37% 0.1181 153.01) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.156 | 0.02 | 163.5 |
| 2 | 0.257 | 0.048 | 157.7 |
| 3 | 0.393 | 0.09 | 152.5 |
| 4 | 0.514 | 0.118 | 153 |

## In these collections

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

## Other forms

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