# Moss and lichen

Black, dark green and gray linear gradient with 32 colors: #0d1f12, #0e2113, #0f2214, #102516, #122718, #132a19, #152d1b, #17311e, #193420, #1b3722, #1d3a24, #1f3d26, #213f28, #23422a, #24442c, #26462e, #284831, #2a4b33, #2d4e36, #315239, #36573d, #3c5c42, #446347, #4e6b4e, #597456, #657e5e, #718866, #7d926f, #899c77, #93a47f, #9cac85, #a3b18a. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Black, dark green and gray linear gradient
- Seed: `kEQ0fEkeOyUTpaQBo7GKA`
- Page: https://grabient.com/kEQ0fEkeOyUTpaQBo7GKA?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark to light, dark, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 7.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 | `#0d1f12` | `oklch(21.91% 0.0351 151.54)` | Nightmare | white, 17.1 to 1 |
| 2 | `#0e2113` | `oklch(22.49% 0.0361 151.47)` | Nightmare | white, 16.9 to 1 |
| 3 | `#0f2214` | `oklch(23.24% 0.0376 151.38)` | Nightmare | white, 16.5 to 1 |
| 4 | `#102516` | `oklch(24.12% 0.0393 151.27)` | Nightmare | white, 16.1 to 1 |
| 5 | `#122718` | `oklch(25.11% 0.0412 151.15)` | Deep Slate Olive | white, 15.7 to 1 |
| 6 | `#132a19` | `oklch(26.19% 0.0432 151.02)` | Deep Slate Olive | white, 15.2 to 1 |
| 7 | `#152d1b` | `oklch(27.32% 0.0453 150.89)` | Bush | white, 14.6 to 1 |
| 8 | `#17311e` | `oklch(28.48% 0.0473 150.76)` | Méi Hēi Coal | white, 14.1 to 1 |
| 9 | `#193420` | `oklch(29.64% 0.0492 150.63)` | Phthalo Green | white, 13.5 to 1 |
| 10 | `#1b3722` | `oklch(30.79% 0.0509 150.50)` | Deep Fir | white, 12.9 to 1 |
| 11 | `#1d3a24` | `oklch(31.89% 0.0522 150.39)` | Deep Fir | white, 12.4 to 1 |
| 12 | `#1f3d26` | `oklch(32.90% 0.0533 150.34)` | Mizukaze Green | white, 11.9 to 1 |
| 13 | `#213f28` | `oklch(33.79% 0.0541 150.46)` | Mizukaze Green | white, 11.5 to 1 |
| 14 | `#23422a` | `oklch(34.60% 0.0548 150.71)` | Zucchini | white, 11.2 to 1 |
| 15 | `#24442c` | `oklch(35.38% 0.0553 151.01)` | Birōdo Green | white, 10.8 to 1 |
| 16 | `#26462e` | `oklch(36.18% 0.0557 151.30)` | Birōdo Green | white, 10.5 to 1 |
| 17 | `#284831` | `oklch(37.05% 0.0561 151.52)` | Birōdo Green | white, 10.1 to 1 |
| 18 | `#2a4b33` | `oklch(38.03% 0.0563 151.58)` | Moselle Green | white, 9.7 to 1 |
| 19 | `#2d4e36` | `oklch(39.19% 0.0565 151.42)` | Moselle Green | white, 9.2 to 1 |
| 20 | `#315239` | `oklch(40.56% 0.0567 150.99)` | Goblin | white, 8.7 to 1 |
| 21 | `#36573d` | `oklch(42.21% 0.0568 150.20)` | Ficus | white, 8.1 to 1 |
| 22 | `#3c5c42` | `oklch(44.18% 0.0570 148.97)` | Horsetail | white, 7.4 to 1 |
| 23 | `#446347` | `oklch(46.68% 0.0571 147.16)` | Vizcaya Palm | white, 6.7 to 1 |
| 24 | `#4e6b4e` | `oklch(49.65% 0.0571 144.82)` | Sabal Palm | white, 5.9 to 1 |
| 25 | `#597456` | `oklch(52.94% 0.0571 142.10)` | Elm Green | white, 5.1 to 1 |
| 26 | `#657e5e` | `oklch(56.43% 0.0570 139.13)` | Emerald City | black, 4.7 to 1 |
| 27 | `#718866` | `oklch(59.98% 0.0569 136.05)` | Shale Green | black, 5.4 to 1 |
| 28 | `#7d926f` | `oklch(63.46% 0.0568 133.00)` | Chic Shade | black, 6.2 to 1 |
| 29 | `#899c77` | `oklch(66.72% 0.0566 130.12)` | Sweet Florence | black, 7 to 1 |
| 30 | `#93a47f` | `oklch(69.64% 0.0565 127.53)` | Huntington Garden | black, 7.8 to 1 |
| 31 | `#9cac85` | `oklch(72.08% 0.0564 125.39)` | Cucumber Crush | black, 8.6 to 1 |
| 32 | `#a3b18a` | `oklch(73.90% 0.0564 123.81)` | Filigree Green | black, 9.2 to 1 |

## CSS

```css
background: linear-gradient(135deg, #0d1f12 0.0%, #0e2113 3.2%, #0f2214 6.5%, #102516 9.7%, #122718 12.9%, #132a19 16.1%, #152d1b 19.4%, #17311e 22.6%, #193420 25.8%, #1b3722 29.0%, #1d3a24 32.3%, #1f3d26 35.5%, #213f28 38.7%, #23422a 41.9%, #24442c 45.2%, #26462e 48.4%, #284831 51.6%, #2a4b33 54.8%, #2d4e36 58.1%, #315239 61.3%, #36573d 64.5%, #3c5c42 67.7%, #446347 71.0%, #4e6b4e 74.2%, #597456 77.4%, #657e5e 80.6%, #718866 83.9%, #7d926f 87.1%, #899c77 90.3%, #93a47f 93.5%, #9cac85 96.8%, #a3b18a 100.0%);
background: linear-gradient(135deg in oklch, oklch(21.91% 0.0351 151.54) 0.0%, oklch(22.49% 0.0361 151.47) 3.2%, oklch(23.24% 0.0376 151.38) 6.5%, oklch(24.12% 0.0393 151.27) 9.7%, oklch(25.11% 0.0412 151.15) 12.9%, oklch(26.19% 0.0432 151.02) 16.1%, oklch(27.32% 0.0453 150.89) 19.4%, oklch(28.48% 0.0473 150.76) 22.6%, oklch(29.64% 0.0492 150.63) 25.8%, oklch(30.79% 0.0509 150.50) 29.0%, oklch(31.89% 0.0522 150.39) 32.3%, oklch(32.90% 0.0533 150.34) 35.5%, oklch(33.79% 0.0541 150.46) 38.7%, oklch(34.60% 0.0548 150.71) 41.9%, oklch(35.38% 0.0553 151.01) 45.2%, oklch(36.18% 0.0557 151.30) 48.4%, oklch(37.05% 0.0561 151.52) 51.6%, oklch(38.03% 0.0563 151.58) 54.8%, oklch(39.19% 0.0565 151.42) 58.1%, oklch(40.56% 0.0567 150.99) 61.3%, oklch(42.21% 0.0568 150.20) 64.5%, oklch(44.18% 0.0570 148.97) 67.7%, oklch(46.68% 0.0571 147.16) 71.0%, oklch(49.65% 0.0571 144.82) 74.2%, oklch(52.94% 0.0571 142.10) 77.4%, oklch(56.43% 0.0570 139.13) 80.6%, oklch(59.98% 0.0569 136.05) 83.9%, oklch(63.46% 0.0568 133.00) 87.1%, oklch(66.72% 0.0566 130.12) 90.3%, oklch(69.64% 0.0565 127.53) 93.5%, oklch(72.08% 0.0564 125.39) 96.8%, oklch(73.90% 0.0564 123.81) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.219 | 0.035 | 151.5 |
| 2 | 0.322 | 0.053 | 150.4 |
| 3 | 0.435 | 0.057 | 149.4 |
| 4 | 0.739 | 0.056 | 123.8 |

## In these collections

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

## Other forms

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