# Pale moss woodland mist

Monochrome dark green and gray linear gradient with 48 colors: #0a342d, #0f3830, #153c33, #1b4238, #22483d, #2a4f42, #325748, #3b5f4f, #456755, #4f705c, #597a64, #64836b, #6e8d73, #79967a, #849f81, #8ea888, #98b08f, #a1b795, #a9be9a, #b1c49f, #b7c9a3, #bbcca6, #bfcfa8, #c0d0a9, #c0cfa9, #bdcda7, #b9caa4, #b4c59f, #adbf9a, #a5b894, #9cb08e, #92a786, #879e7f, #7c9476, #718a6e, #658066, #5a755d, #4f6b55, #44614d, #3a5745, #304e3d, #264536, #1e3d2f, #16362a, #0e2f24, #072920, #02251c, #002119. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Monochrome dark green and gray linear gradient
- Seed: `kSSyJ_6hQ5hwPxY`
- Page: https://grabient.com/kSSyJ_6hQ5hwPxY?steps=48&angle=45
- Drawn as: linear gradient, 48 steps, 45 degrees
- Kinds: light center, neutral
- Hues: analogous
- Contrast of its darkest and lightest colors: 10.4 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 | `#0a342d` | `oklch(29.53% 0.0469 179.30)` | Fence Green | white, 13.5 to 1 |
| 2 | `#0f3830` | `oklch(30.87% 0.0471 177.97)` | Night Turquoise | white, 12.9 to 1 |
| 3 | `#153c33` | `oklch(32.58% 0.0473 176.29)` | Palm Green | white, 12.1 to 1 |
| 4 | `#1b4238` | `oklch(34.61% 0.0477 174.31)` | Black Soap | white, 11.2 to 1 |
| 5 | `#22483d` | `oklch(36.93% 0.0480 172.06)` | Wine Bottle Green | white, 10.2 to 1 |
| 6 | `#2a4f42` | `oklch(39.50% 0.0484 169.58)` | Hunt Club | white, 9.1 to 1 |
| 7 | `#325748` | `oklch(42.28% 0.0489 166.89)` | Hypnotism | white, 8.1 to 1 |
| 8 | `#3b5f4f` | `oklch(45.23% 0.0493 164.04)` | Amish Green | white, 7.1 to 1 |
| 9 | `#456755` | `oklch(48.30% 0.0498 161.06)` | June Ivy | white, 6.2 to 1 |
| 10 | `#4f705c` | `oklch(51.47% 0.0503 157.99)` | Green Bayou | white, 5.4 to 1 |
| 11 | `#597a64` | `oklch(54.69% 0.0509 154.87)` | Dark Sorrel | white, 4.7 to 1 |
| 12 | `#64836b` | `oklch(57.92% 0.0514 151.73)` | Garden Greenery | black, 5 to 1 |
| 13 | `#6e8d73` | `oklch(61.13% 0.0519 148.60)` | Laurel | black, 5.7 to 1 |
| 14 | `#79967a` | `oklch(64.27% 0.0524 145.52)` | Mid Cypress | black, 6.4 to 1 |
| 15 | `#849f81` | `oklch(67.31% 0.0529 142.54)` | Basswood Green | black, 7.2 to 1 |
| 16 | `#8ea888` | `oklch(70.20% 0.0533 139.67)` | Alga Moss | black, 8 to 1 |
| 17 | `#98b08f` | `oklch(72.91% 0.0537 136.97)` | Cloistered Garden | black, 8.9 to 1 |
| 18 | `#a1b795` | `oklch(75.40% 0.0541 134.46)` | Norway | black, 9.7 to 1 |
| 19 | `#a9be9a` | `oklch(77.63% 0.0544 132.18)` | Rolling Glen | black, 10.5 to 1 |
| 20 | `#b1c49f` | `oklch(79.56% 0.0547 130.17)` | Green Eggs & Cam | black, 11.2 to 1 |
| 21 | `#b7c9a3` | `oklch(81.14% 0.0549 128.47)` | Seacrest | black, 11.8 to 1 |
| 22 | `#bbcca6` | `oklch(82.35% 0.0551 127.10)` | Enamel Green | black, 12.3 to 1 |
| 23 | `#bfcfa8` | `oklch(83.15% 0.0552 126.11)` | Landscape | black, 12.6 to 1 |
| 24 | `#c0d0a9` | `oklch(83.48% 0.0552 125.53)` | Landscape | black, 12.8 to 1 |
| 25 | `#c0cfa9` | `oklch(83.32% 0.0551 125.39)` | Landscape | black, 12.7 to 1 |
| 26 | `#bdcda7` | `oklch(82.65% 0.0549 125.69)` | Pixie Green | black, 12.4 to 1 |
| 27 | `#b9caa4` | `oklch(81.52% 0.0546 126.39)` | Gleam | black, 12 to 1 |
| 28 | `#b4c59f` | `oklch(79.96% 0.0543 127.46)` | Green Eggs & Cam | black, 11.3 to 1 |
| 29 | `#adbf9a` | `oklch(78.01% 0.0539 128.86)` | Garden Pond | black, 10.6 to 1 |
| 30 | `#a5b894` | `oklch(75.72% 0.0534 130.56)` | Byakuroku Green | black, 9.8 to 1 |
| 31 | `#9cb08e` | `oklch(73.13% 0.0528 132.53)` | Cloistered Garden | black, 8.9 to 1 |
| 32 | `#92a786` | `oklch(70.27% 0.0523 134.72)` | Huntington Garden | black, 8 to 1 |
| 33 | `#879e7f` | `oklch(67.19% 0.0516 137.11)` | Basil | black, 7.2 to 1 |
| 34 | `#7c9476` | `oklch(63.92% 0.0510 139.66)` | Chic Shade | black, 6.3 to 1 |
| 35 | `#718a6e` | `oklch(60.52% 0.0503 142.34)` | Wonderland | black, 5.5 to 1 |
| 36 | `#658066` | `oklch(57.01% 0.0496 145.11)` | Garden Greenery | black, 4.8 to 1 |
| 37 | `#5a755d` | `oklch(53.45% 0.0489 147.93)` | Painted Turtle | white, 5 to 1 |
| 38 | `#4f6b55` | `oklch(49.87% 0.0482 150.78)` | Kale Green | white, 5.8 to 1 |
| 39 | `#44614d` | `oklch(46.31% 0.0475 153.62)` | Mission Jewel | white, 6.8 to 1 |
| 40 | `#3a5745` | `oklch(42.82% 0.0468 156.41)` | O’Neal Green | white, 7.9 to 1 |
| 41 | `#304e3d` | `oklch(39.43% 0.0461 159.12)` | Pine Needle | white, 9.2 to 1 |
| 42 | `#264536` | `oklch(36.18% 0.0455 161.72)` | Burnham | white, 10.5 to 1 |
| 43 | `#1e3d2f` | `oklch(33.12% 0.0449 164.17)` | Mizukaze Green | white, 11.9 to 1 |
| 44 | `#16362a` | `oklch(30.29% 0.0443 166.43)` | Cardin Green | white, 13.2 to 1 |
| 45 | `#0e2f24` | `oklch(27.72% 0.0438 168.47)` | Dark Jungle | white, 14.4 to 1 |
| 46 | `#072920` | `oklch(25.47% 0.0434 170.27)` | Deep Slate Green | white, 15.5 to 1 |
| 47 | `#02251c` | `oklch(23.56% 0.0430 171.77)` | Deep Slate Green | white, 16.4 to 1 |
| 48 | `#002119` | `oklch(22.06% 0.0424 172.83)` | Clock Chimes Thirteen | white, 17 to 1 |

## CSS

```css
background: linear-gradient(45deg, #0a342d 0.0%, #0f3830 2.1%, #153c33 4.3%, #1b4238 6.4%, #22483d 8.5%, #2a4f42 10.6%, #325748 12.8%, #3b5f4f 14.9%, #456755 17.0%, #4f705c 19.1%, #597a64 21.3%, #64836b 23.4%, #6e8d73 25.5%, #79967a 27.7%, #849f81 29.8%, #8ea888 31.9%, #98b08f 34.0%, #a1b795 36.2%, #a9be9a 38.3%, #b1c49f 40.4%, #b7c9a3 42.6%, #bbcca6 44.7%, #bfcfa8 46.8%, #c0d0a9 48.9%, #c0cfa9 51.1%, #bdcda7 53.2%, #b9caa4 55.3%, #b4c59f 57.4%, #adbf9a 59.6%, #a5b894 61.7%, #9cb08e 63.8%, #92a786 66.0%, #879e7f 68.1%, #7c9476 70.2%, #718a6e 72.3%, #658066 74.5%, #5a755d 76.6%, #4f6b55 78.7%, #44614d 80.9%, #3a5745 83.0%, #304e3d 85.1%, #264536 87.2%, #1e3d2f 89.4%, #16362a 91.5%, #0e2f24 93.6%, #072920 95.7%, #02251c 97.9%, #002119 100.0%);
background: linear-gradient(45deg in oklch, oklch(29.53% 0.0469 179.30) 0.0%, oklch(30.87% 0.0471 177.97) 2.1%, oklch(32.58% 0.0473 176.29) 4.3%, oklch(34.61% 0.0477 174.31) 6.4%, oklch(36.93% 0.0480 172.06) 8.5%, oklch(39.50% 0.0484 169.58) 10.6%, oklch(42.28% 0.0489 166.89) 12.8%, oklch(45.23% 0.0493 164.04) 14.9%, oklch(48.30% 0.0498 161.06) 17.0%, oklch(51.47% 0.0503 157.99) 19.1%, oklch(54.69% 0.0509 154.87) 21.3%, oklch(57.92% 0.0514 151.73) 23.4%, oklch(61.13% 0.0519 148.60) 25.5%, oklch(64.27% 0.0524 145.52) 27.7%, oklch(67.31% 0.0529 142.54) 29.8%, oklch(70.20% 0.0533 139.67) 31.9%, oklch(72.91% 0.0537 136.97) 34.0%, oklch(75.40% 0.0541 134.46) 36.2%, oklch(77.63% 0.0544 132.18) 38.3%, oklch(79.56% 0.0547 130.17) 40.4%, oklch(81.14% 0.0549 128.47) 42.6%, oklch(82.35% 0.0551 127.10) 44.7%, oklch(83.15% 0.0552 126.11) 46.8%, oklch(83.48% 0.0552 125.53) 48.9%, oklch(83.32% 0.0551 125.39) 51.1%, oklch(82.65% 0.0549 125.69) 53.2%, oklch(81.52% 0.0546 126.39) 55.3%, oklch(79.96% 0.0543 127.46) 57.4%, oklch(78.01% 0.0539 128.86) 59.6%, oklch(75.72% 0.0534 130.56) 61.7%, oklch(73.13% 0.0528 132.53) 63.8%, oklch(70.27% 0.0523 134.72) 66.0%, oklch(67.19% 0.0516 137.11) 68.1%, oklch(63.92% 0.0510 139.66) 70.2%, oklch(60.52% 0.0503 142.34) 72.3%, oklch(57.01% 0.0496 145.11) 74.5%, oklch(53.45% 0.0489 147.93) 76.6%, oklch(49.87% 0.0482 150.78) 78.7%, oklch(46.31% 0.0475 153.62) 80.9%, oklch(42.82% 0.0468 156.41) 83.0%, oklch(39.43% 0.0461 159.12) 85.1%, oklch(36.18% 0.0455 161.72) 87.2%, oklch(33.12% 0.0449 164.17) 89.4%, oklch(30.29% 0.0443 166.43) 91.5%, oklch(27.72% 0.0438 168.47) 93.6%, oklch(25.47% 0.0434 170.27) 95.7%, oklch(23.56% 0.0430 171.77) 97.9%, oklch(22.06% 0.0424 172.83) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.295 | 0.047 | 179.3 |
| 2 | 0.835 | 0.055 | 125.4 |
| 3 | 0.22 | 0.043 | 173 |

## In these collections

- [Forest gradients](https://grabient.com/forest-gradients)

## Other forms

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