# Moss and candlelight gradient

Analogous dark green, olive and beige linear gradient with 32 colors: #0e200f, #112310, #142712, #192c15, #1e3217, #24391a, #2a3f1c, #31461e, #384c20, #3f5222, #475723, #4f5d23, #586324, #616925, #6b6f26, #757528, #7f7b2a, #8b822c, #96892f, #a29032, #ae9636, #ba9d3c, #c5a443, #cfab4c, #d7b157, #deb964, #e4c072, #e9c781, #eecf8e, #f1d59b, #f4daa5, #f7deac. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Analogous dark green, olive and beige linear gradient
- Seed: `kWOB1nMJm-MckvVgq72c5m_g`
- Page: https://grabient.com/kWOB1nMJm-MckvVgq72c5m_g?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: dark to light, vivid
- Hues: analogous
- Contrast of its darkest and lightest colors: 13 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 | `#0e200f` | `oklch(22.05% 0.0400 144.84)` | Nightmare | white, 17.1 to 1 |
| 2 | `#112310` | `oklch(23.33% 0.0424 143.71)` | Nightmare | white, 16.5 to 1 |
| 3 | `#142712` | `oklch(25.03% 0.0456 142.26)` | Deep Slate Olive | white, 15.7 to 1 |
| 4 | `#192c15` | `oklch(27.05% 0.0495 140.53)` | Kuro Green | white, 14.8 to 1 |
| 5 | `#1e3217` | `oklch(29.30% 0.0538 138.58)` | Darkest Forest | white, 13.7 to 1 |
| 6 | `#24391a` | `oklch(31.69% 0.0583 136.45)` | Deep Fir | white, 12.5 to 1 |
| 7 | `#2a3f1c` | `oklch(34.12% 0.0628 134.18)` | Myrtle | white, 11.4 to 1 |
| 8 | `#31461e` | `oklch(36.50% 0.0672 131.84)` | Forestry | white, 10.4 to 1 |
| 9 | `#384c20` | `oklch(38.74% 0.0713 129.44)` | Nettle Green | white, 9.4 to 1 |
| 10 | `#3f5222` | `oklch(40.93% 0.0753 126.87)` | Verdun Green | white, 8.6 to 1 |
| 11 | `#475723` | `oklch(43.15% 0.0794 124.08)` | Army Green | white, 7.8 to 1 |
| 12 | `#4f5d23` | `oklch(45.39% 0.0836 121.16)` | Obscure Olive | white, 7.1 to 1 |
| 13 | `#586324` | `oklch(47.66% 0.0876 118.15)` | Tabbouleh Green | white, 6.4 to 1 |
| 14 | `#616925` | `oklch(49.96% 0.0916 115.12)` | Heavy Khaki | white, 5.8 to 1 |
| 15 | `#6b6f26` | `oklch(52.30% 0.0954 112.13)` | Forest Spirit | white, 5.3 to 1 |
| 16 | `#757528` | `oklch(54.69% 0.0989 109.24)` | Crocodile Eye | white, 4.8 to 1 |
| 17 | `#7f7b2a` | `oklch(57.14% 0.1023 106.47)` | Soft Fig | black, 4.7 to 1 |
| 18 | `#8b822c` | `oklch(59.72% 0.1061 103.58)` | Apeland | black, 5.3 to 1 |
| 19 | `#96892f` | `oklch(62.39% 0.1101 100.63)` | Potter Green | black, 5.9 to 1 |
| 20 | `#a29032` | `oklch(65.10% 0.1139 97.70)` | Gecko | black, 6.5 to 1 |
| 21 | `#ae9636` | `oklch(67.81% 0.1172 94.90)` | Mana | black, 7.2 to 1 |
| 22 | `#ba9d3c` | `oklch(70.46% 0.1196 92.31)` | Tiki Torch | black, 7.9 to 1 |
| 23 | `#c5a443` | `oklch(73.01% 0.1208 90.04)` | Creed | black, 8.7 to 1 |
| 24 | `#cfab4c` | `oklch(75.41% 0.1203 88.17)` | Yellow Lupine | black, 9.5 to 1 |
| 25 | `#d7b157` | `oklch(77.70% 0.1176 86.79)` | Golden Cricket | black, 10.3 to 1 |
| 26 | `#deb964` | `oklch(80.00% 0.1124 85.86)` | Termite Beige | black, 11.1 to 1 |
| 27 | `#e4c072` | `oklch(82.28% 0.1054 85.28)` | Summer Field | black, 12 to 1 |
| 28 | `#e9c781` | `oklch(84.46% 0.0973 84.96)` | Marzipan | black, 13 to 1 |
| 29 | `#eecf8e` | `oklch(86.48% 0.0890 84.83)` | Honeydew Sand | black, 13.8 to 1 |
| 30 | `#f1d59b` | `oklch(88.27% 0.0813 84.78)` | White Corn | black, 14.7 to 1 |
| 31 | `#f4daa5` | `oklch(89.78% 0.0747 84.74)` | Fireflies | black, 15.4 to 1 |
| 32 | `#f7deac` | `oklch(90.94% 0.0703 84.61)` | Dumpling | black, 16 to 1 |

## CSS

```css
background: linear-gradient(90deg, #0e200f 0.0%, #112310 3.2%, #142712 6.5%, #192c15 9.7%, #1e3217 12.9%, #24391a 16.1%, #2a3f1c 19.4%, #31461e 22.6%, #384c20 25.8%, #3f5222 29.0%, #475723 32.3%, #4f5d23 35.5%, #586324 38.7%, #616925 41.9%, #6b6f26 45.2%, #757528 48.4%, #7f7b2a 51.6%, #8b822c 54.8%, #96892f 58.1%, #a29032 61.3%, #ae9636 64.5%, #ba9d3c 67.7%, #c5a443 71.0%, #cfab4c 74.2%, #d7b157 77.4%, #deb964 80.6%, #e4c072 83.9%, #e9c781 87.1%, #eecf8e 90.3%, #f1d59b 93.5%, #f4daa5 96.8%, #f7deac 100.0%);
background: linear-gradient(90deg in oklch, oklch(22.05% 0.0400 144.84) 0.0%, oklch(23.33% 0.0424 143.71) 3.2%, oklch(25.03% 0.0456 142.26) 6.5%, oklch(27.05% 0.0495 140.53) 9.7%, oklch(29.30% 0.0538 138.58) 12.9%, oklch(31.69% 0.0583 136.45) 16.1%, oklch(34.12% 0.0628 134.18) 19.4%, oklch(36.50% 0.0672 131.84) 22.6%, oklch(38.74% 0.0713 129.44) 25.8%, oklch(40.93% 0.0753 126.87) 29.0%, oklch(43.15% 0.0794 124.08) 32.3%, oklch(45.39% 0.0836 121.16) 35.5%, oklch(47.66% 0.0876 118.15) 38.7%, oklch(49.96% 0.0916 115.12) 41.9%, oklch(52.30% 0.0954 112.13) 45.2%, oklch(54.69% 0.0989 109.24) 48.4%, oklch(57.14% 0.1023 106.47) 51.6%, oklch(59.72% 0.1061 103.58) 54.8%, oklch(62.39% 0.1101 100.63) 58.1%, oklch(65.10% 0.1139 97.70) 61.3%, oklch(67.81% 0.1172 94.90) 64.5%, oklch(70.46% 0.1196 92.31) 67.7%, oklch(73.01% 0.1208 90.04) 71.0%, oklch(75.41% 0.1203 88.17) 74.2%, oklch(77.70% 0.1176 86.79) 77.4%, oklch(80.00% 0.1124 85.86) 80.6%, oklch(82.28% 0.1054 85.28) 83.9%, oklch(84.46% 0.0973 84.96) 87.1%, oklch(86.48% 0.0890 84.83) 90.3%, oklch(88.27% 0.0813 84.78) 93.5%, oklch(89.78% 0.0747 84.74) 96.8%, oklch(90.94% 0.0703 84.61) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.22 | 0.04 | 144.8 |
| 2 | 0.382 | 0.07 | 130 |
| 3 | 0.559 | 0.101 | 107.9 |
| 4 | 0.76 | 0.12 | 87.8 |
| 5 | 0.909 | 0.07 | 84.6 |

## In these collections

- [Witchy color palette](https://grabient.com/witchy-color-palette)

## Other forms

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