# Bottle green to pale sage

Monochrome dark green to light green linear gradient with 32 colors: #0f2a1d, #102c1e, #112e20, #123122, #133525, #153928, #163c2a, #18402d, #1a4430, #1b4833, #1d4c35, #1e4f37, #1e5239, #1d543a, #1b563b, #19583c, #185b3d, #185d3f, #1a6140, #1f6543, #266a46, #30704b, #3c7951, #4c8258, #5d8e61, #6f9a6b, #81a676, #92b282, #a3be8d, #b2c898, #bed1a1, #c7d8a8. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Monochrome dark green to light green linear gradient
- Seed: `kEQ8qHUdTTYSxuSRx9ioA`
- Page: https://grabient.com/kEQ8qHUdTTYSxuSRx9ioA?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark to light, vivid, cool, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 10 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 | `#0f2a1d` | `oklch(25.93% 0.0416 160.53)` | Bush | white, 15.3 to 1 |
| 2 | `#102c1e` | `oklch(26.62% 0.0430 160.51)` | Bush | white, 14.9 to 1 |
| 3 | `#112e20` | `oklch(27.53% 0.0447 160.50)` | Dark Jungle | white, 14.5 to 1 |
| 4 | `#123122` | `oklch(28.59% 0.0469 160.50)` | Méi Hēi Coal | white, 14 to 1 |
| 5 | `#133525` | `oklch(29.79% 0.0492 160.50)` | Phthalo Green | white, 13.4 to 1 |
| 6 | `#153928` | `oklch(31.08% 0.0518 160.49)` | Deep Fir | white, 12.8 to 1 |
| 7 | `#163c2a` | `oklch(32.43% 0.0544 160.46)` | Deep Fir | white, 12.1 to 1 |
| 8 | `#18402d` | `oklch(33.79% 0.0572 160.40)` | Mizukaze Green | white, 11.5 to 1 |
| 9 | `#1a4430` | `oklch(35.14% 0.0599 160.31)` | Zucchini | white, 10.9 to 1 |
| 10 | `#1b4833` | `oklch(36.43% 0.0626 160.19)` | Birōdo Green | white, 10.3 to 1 |
| 11 | `#1d4c35` | `oklch(37.62% 0.0651 160.02)` | County Green | white, 9.8 to 1 |
| 12 | `#1e4f37` | `oklch(38.66% 0.0676 159.85)` | Order Green | white, 9.4 to 1 |
| 13 | `#1e5239` | `oklch(39.49% 0.0704 159.82)` | Kaitoke Green | white, 9 to 1 |
| 14 | `#1d543a` | `oklch(40.16% 0.0734 159.88)` | Kaitoke Green | white, 8.8 to 1 |
| 15 | `#1b563b` | `oklch(40.75% 0.0765 159.97)` | Kaitoke Green | white, 8.5 to 1 |
| 16 | `#19583c` | `oklch(41.35% 0.0796 160.01)` | Billiard Table | white, 8.3 to 1 |
| 17 | `#185b3d` | `oklch(42.03% 0.0826 159.94)` | Greenbriar | white, 8.1 to 1 |
| 18 | `#185d3f` | `oklch(42.86% 0.0852 159.68)` | Greenbriar | white, 7.8 to 1 |
| 19 | `#1a6140` | `oklch(43.93% 0.0875 159.17)` | Fairway Green | white, 7.4 to 1 |
| 20 | `#1f6543` | `oklch(45.31% 0.0892 158.34)` | Fairway Green | white, 7 to 1 |
| 21 | `#266a46` | `oklch(47.07% 0.0902 157.12)` | Pumpkin Green | white, 6.5 to 1 |
| 22 | `#30704b` | `oklch(49.31% 0.0903 155.43)` | Parsley Sprig | white, 5.9 to 1 |
| 23 | `#3c7951` | `oklch(52.26% 0.0895 153.03)` | Rokushō Green | white, 5.2 to 1 |
| 24 | `#4c8258` | `oklch(55.83% 0.0878 150.03)` | Kilkenny | black, 4.6 to 1 |
| 25 | `#5d8e61` | `oklch(59.84% 0.0855 146.57)` | Succulent Leaves | black, 5.4 to 1 |
| 26 | `#6f9a6b` | `oklch(64.12% 0.0827 142.82)` | Blackthorn Green | black, 6.4 to 1 |
| 27 | `#81a676` | `oklch(68.49% 0.0796 138.96)` | Garden of Eden | black, 7.6 to 1 |
| 28 | `#92b282` | `oklch(72.79% 0.0764 135.14)` | Foliage | black, 8.9 to 1 |
| 29 | `#a3be8d` | `oklch(76.83% 0.0733 131.54)` | Gaia Stone | black, 10.3 to 1 |
| 30 | `#b2c898` | `oklch(80.45% 0.0706 128.31)` | Desert Cactus | black, 11.6 to 1 |
| 31 | `#bed1a1` | `oklch(83.47% 0.0683 125.62)` | Fava Bean | black, 12.8 to 1 |
| 32 | `#c7d8a8` | `oklch(85.71% 0.0667 123.64)` | Winter Willow Green | black, 13.8 to 1 |

## CSS

```css
background: linear-gradient(135deg, #0f2a1d 0.0%, #102c1e 3.2%, #112e20 6.5%, #123122 9.7%, #133525 12.9%, #153928 16.1%, #163c2a 19.4%, #18402d 22.6%, #1a4430 25.8%, #1b4833 29.0%, #1d4c35 32.3%, #1e4f37 35.5%, #1e5239 38.7%, #1d543a 41.9%, #1b563b 45.2%, #19583c 48.4%, #185b3d 51.6%, #185d3f 54.8%, #1a6140 58.1%, #1f6543 61.3%, #266a46 64.5%, #30704b 67.7%, #3c7951 71.0%, #4c8258 74.2%, #5d8e61 77.4%, #6f9a6b 80.6%, #81a676 83.9%, #92b282 87.1%, #a3be8d 90.3%, #b2c898 93.5%, #bed1a1 96.8%, #c7d8a8 100.0%);
background: linear-gradient(135deg in oklch, oklch(25.93% 0.0416 160.53) 0.0%, oklch(26.62% 0.0430 160.51) 3.2%, oklch(27.53% 0.0447 160.50) 6.5%, oklch(28.59% 0.0469 160.50) 9.7%, oklch(29.79% 0.0492 160.50) 12.9%, oklch(31.08% 0.0518 160.49) 16.1%, oklch(32.43% 0.0544 160.46) 19.4%, oklch(33.79% 0.0572 160.40) 22.6%, oklch(35.14% 0.0599 160.31) 25.8%, oklch(36.43% 0.0626 160.19) 29.0%, oklch(37.62% 0.0651 160.02) 32.3%, oklch(38.66% 0.0676 159.85) 35.5%, oklch(39.49% 0.0704 159.82) 38.7%, oklch(40.16% 0.0734 159.88) 41.9%, oklch(40.75% 0.0765 159.97) 45.2%, oklch(41.35% 0.0796 160.01) 48.4%, oklch(42.03% 0.0826 159.94) 51.6%, oklch(42.86% 0.0852 159.68) 54.8%, oklch(43.93% 0.0875 159.17) 58.1%, oklch(45.31% 0.0892 158.34) 61.3%, oklch(47.07% 0.0902 157.12) 64.5%, oklch(49.31% 0.0903 155.43) 67.7%, oklch(52.26% 0.0895 153.03) 71.0%, oklch(55.83% 0.0878 150.03) 74.2%, oklch(59.84% 0.0855 146.57) 77.4%, oklch(64.12% 0.0827 142.82) 80.6%, oklch(68.49% 0.0796 138.96) 83.9%, oklch(72.79% 0.0764 135.14) 87.1%, oklch(76.83% 0.0733 131.54) 90.3%, oklch(80.45% 0.0706 128.31) 93.5%, oklch(83.47% 0.0683 125.62) 96.8%, oklch(85.71% 0.0667 123.64) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.259 | 0.042 | 160.5 |
| 2 | 0.38 | 0.066 | 159.9 |
| 3 | 0.485 | 0.09 | 156.1 |
| 4 | 0.857 | 0.067 | 123.6 |

## In these collections

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

## Other forms

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