# Forest floor to sage

Monochrome black to green linear gradient with 32 colors: #0b1d13, #0c1f14, #0c2116, #0d2418, #0e271a, #0f2a1c, #112e1e, #123221, #133623, #153a26, #163e29, #18422c, #19452f, #1b4932, #1c4d35, #1d5139, #1e553c, #205a40, #235e44, #276348, #2b684c, #316d51, #397255, #42795b, #4b7f61, #558667, #608d6e, #699374, #72997b, #7a9f80, #81a385, #86a789. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Monochrome black to green linear gradient
- Seed: `kEQsdE0XPyoS9rTxhqeJA`
- Page: https://grabient.com/kEQsdE0XPyoS9rTxhqeJA?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark to light, vivid, cool, monochrome
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 6.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 | `#0b1d13` | `oklch(21.15% 0.0314 157.89)` | Pinch of Pepper | white, 17.5 to 1 |
| 2 | `#0c1f14` | `oklch(21.83% 0.0330 157.87)` | Nightmare | white, 17.2 to 1 |
| 3 | `#0c2116` | `oklch(22.69% 0.0351 157.83)` | Nightmare | white, 16.8 to 1 |
| 4 | `#0d2418` | `oklch(23.69% 0.0376 157.78)` | Nightmare | white, 16.3 to 1 |
| 5 | `#0e271a` | `oklch(24.82% 0.0404 157.72)` | Deep Slate Green | white, 15.8 to 1 |
| 6 | `#0f2a1c` | `oklch(26.05% 0.0434 157.67)` | Bush | white, 15.2 to 1 |
| 7 | `#112e1e` | `oklch(27.36% 0.0466 157.63)` | Bush | white, 14.6 to 1 |
| 8 | `#123221` | `oklch(28.71% 0.0497 157.62)` | Opulent Green | white, 13.9 to 1 |
| 9 | `#133623` | `oklch(30.08% 0.0527 157.64)` | Phthalo Green | white, 13.2 to 1 |
| 10 | `#153a26` | `oklch(31.45% 0.0556 157.69)` | Deep Fir | white, 12.6 to 1 |
| 11 | `#163e29` | `oklch(32.79% 0.0582 157.80)` | Mizukaze Green | white, 11.9 to 1 |
| 12 | `#18422c` | `oklch(34.09% 0.0605 158.00)` | Mizukaze Green | white, 11.3 to 1 |
| 13 | `#19452f` | `oklch(35.38% 0.0629 158.37)` | Zucchini | white, 10.8 to 1 |
| 14 | `#1b4932` | `oklch(36.67% 0.0654 158.87)` | County Green | white, 10.2 to 1 |
| 15 | `#1c4d35` | `oklch(37.97% 0.0680 159.44)` | Order Green | white, 9.6 to 1 |
| 16 | `#1d5139` | `oklch(39.31% 0.0704 160.03)` | Kaitoke Green | white, 9.1 to 1 |
| 17 | `#1e553c` | `oklch(40.68% 0.0726 160.59)` | Kaitoke Green | white, 8.6 to 1 |
| 18 | `#205a40` | `oklch(42.11% 0.0745 161.05)` | Greenbriar | white, 8.1 to 1 |
| 19 | `#235e44` | `oklch(43.59% 0.0761 161.37)` | Greenbriar | white, 7.5 to 1 |
| 20 | `#276348` | `oklch(45.15% 0.0773 161.48)` | Green Pea | white, 7 to 1 |
| 21 | `#2b684c` | `oklch(46.79% 0.0779 161.34)` | Pumpkin Green | white, 6.6 to 1 |
| 22 | `#316d51` | `oklch(48.55% 0.0779 160.89)` | Jungle Book Green | white, 6.1 to 1 |
| 23 | `#397255` | `oklch(50.55% 0.0770 160.04)` | Foliage Green | white, 5.6 to 1 |
| 24 | `#42795b` | `oklch(52.78% 0.0755 158.86)` | Liquid Green Stuff | white, 5.1 to 1 |
| 25 | `#4b7f61` | `oklch(55.15% 0.0733 157.43)` | Sports Field Green | white, 4.6 to 1 |
| 26 | `#558667` | `oklch(57.61% 0.0708 155.83)` | Soylent Green | black, 4.9 to 1 |
| 27 | `#608d6e` | `oklch(60.05% 0.0680 154.15)` | Slate Green | black, 5.5 to 1 |
| 28 | `#699374` | `oklch(62.42% 0.0652 152.46)` | Spring Forest | black, 6 to 1 |
| 29 | `#72997b` | `oklch(64.62% 0.0625 150.86)` | Jade Green | black, 6.5 to 1 |
| 30 | `#7a9f80` | `oklch(66.59% 0.0600 149.42)` | Aquadulce | black, 7 to 1 |
| 31 | `#81a385` | `oklch(68.25% 0.0580 148.24)` | Gallery Green | black, 7.5 to 1 |
| 32 | `#86a789` | `oklch(69.52% 0.0566 147.38)` | Mermaid’s Cove | black, 7.9 to 1 |

## CSS

```css
background: linear-gradient(135deg, #0b1d13 0.0%, #0c1f14 3.2%, #0c2116 6.5%, #0d2418 9.7%, #0e271a 12.9%, #0f2a1c 16.1%, #112e1e 19.4%, #123221 22.6%, #133623 25.8%, #153a26 29.0%, #163e29 32.3%, #18422c 35.5%, #19452f 38.7%, #1b4932 41.9%, #1c4d35 45.2%, #1d5139 48.4%, #1e553c 51.6%, #205a40 54.8%, #235e44 58.1%, #276348 61.3%, #2b684c 64.5%, #316d51 67.7%, #397255 71.0%, #42795b 74.2%, #4b7f61 77.4%, #558667 80.6%, #608d6e 83.9%, #699374 87.1%, #72997b 90.3%, #7a9f80 93.5%, #81a385 96.8%, #86a789 100.0%);
background: linear-gradient(135deg in oklch, oklch(21.15% 0.0314 157.89) 0.0%, oklch(21.83% 0.0330 157.87) 3.2%, oklch(22.69% 0.0351 157.83) 6.5%, oklch(23.69% 0.0376 157.78) 9.7%, oklch(24.82% 0.0404 157.72) 12.9%, oklch(26.05% 0.0434 157.67) 16.1%, oklch(27.36% 0.0466 157.63) 19.4%, oklch(28.71% 0.0497 157.62) 22.6%, oklch(30.08% 0.0527 157.64) 25.8%, oklch(31.45% 0.0556 157.69) 29.0%, oklch(32.79% 0.0582 157.80) 32.3%, oklch(34.09% 0.0605 158.00) 35.5%, oklch(35.38% 0.0629 158.37) 38.7%, oklch(36.67% 0.0654 158.87) 41.9%, oklch(37.97% 0.0680 159.44) 45.2%, oklch(39.31% 0.0704 160.03) 48.4%, oklch(40.68% 0.0726 160.59) 51.6%, oklch(42.11% 0.0745 161.05) 54.8%, oklch(43.59% 0.0761 161.37) 58.1%, oklch(45.15% 0.0773 161.48) 61.3%, oklch(46.79% 0.0779 161.34) 64.5%, oklch(48.55% 0.0779 160.89) 67.7%, oklch(50.55% 0.0770 160.04) 71.0%, oklch(52.78% 0.0755 158.86) 74.2%, oklch(55.15% 0.0733 157.43) 77.4%, oklch(57.61% 0.0708 155.83) 80.6%, oklch(60.05% 0.0680 154.15) 83.9%, oklch(62.42% 0.0652 152.46) 87.1%, oklch(64.62% 0.0625 150.86) 90.3%, oklch(66.59% 0.0600 149.42) 93.5%, oklch(68.25% 0.0580 148.24) 96.8%, oklch(69.52% 0.0566 147.38) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.211 | 0.031 | 157.9 |
| 2 | 0.332 | 0.059 | 157.8 |
| 3 | 0.479 | 0.078 | 161.1 |
| 4 | 0.695 | 0.057 | 147.4 |

## In these collections

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

## Other forms

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