# Sage forest green deep glow cool swatches

Light green, green and black linear gradient with 32 colors: #b9dfbc, #b4e0b7, #ade1b1, #a4e4a9, #99e6a0, #8ee896, #81ea8b, #72ea80, #63ea74, #54e869, #46e460, #39de59, #2fd653, #28cd4e, #23c24a, #21b748, #21ab45, #229f43, #229340, #21873d, #207c3a, #1d7137, #1a6633, #165b2f, #134f2a, #114325, #0f3820, #0d2e1b, #0c2516, #0a1c12, #09160e, #08110c. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Light green, green and black linear gradient
- Seed: `kU3C1o5k-_z8tQEVBsEA`
- Page: https://grabient.com/kU3C1o5k-_z8tQEVBsEA?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: light to dark, vivid, monochrome
- Hues: monochromatic
- 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 | `#b9dfbc` | `oklch(86.61% 0.0620 146.95)` | Summer Sigh | black, 14.3 to 1 |
| 2 | `#b4e0b7` | `oklch(86.36% 0.0721 146.87)` | Summer Sigh | black, 14.2 to 1 |
| 3 | `#ade1b1` | `oklch(86.16% 0.0863 146.75)` | Celadon | black, 14.2 to 1 |
| 4 | `#a4e4a9` | `oklch(85.98% 0.1037 146.60)` | Weekend Gardener | black, 14.2 to 1 |
| 5 | `#99e6a0` | `oklch(85.75% 0.1230 146.43)` | Hospital Green | black, 14.2 to 1 |
| 6 | `#8ee896` | `oklch(85.45% 0.1431 146.25)` | Ragweed | black, 14.1 to 1 |
| 7 | `#81ea8b` | `oklch(85.00% 0.1630 146.09)` | Ragweed | black, 14 to 1 |
| 8 | `#72ea80` | `oklch(84.38% 0.1815 145.96)` | Grotesque Green | black, 13.8 to 1 |
| 9 | `#63ea74` | `oklch(83.51% 0.1976 145.87)` | Loud Green | black, 13.5 to 1 |
| 10 | `#54e869` | `oklch(82.37% 0.2100 145.83)` | Loud Green | black, 13 to 1 |
| 11 | `#46e460` | `oklch(80.89% 0.2178 145.87)` | Toxic Slime | black, 12.4 to 1 |
| 12 | `#39de59` | `oklch(79.03% 0.2201 145.97)` | Green Priestess | black, 11.7 to 1 |
| 13 | `#2fd653` | `oklch(76.77% 0.2182 146.10)` | Brazilianite | black, 10.8 to 1 |
| 14 | `#28cd4e` | `oklch(74.18% 0.2127 146.26)` | Battletoad | black, 9.9 to 1 |
| 15 | `#23c24a` | `oklch(71.32% 0.2044 146.45)` | Lǜ Sè Green | black, 8.9 to 1 |
| 16 | `#21b748` | `oklch(68.24% 0.1939 146.69)` | Billiards Cloth | black, 7.9 to 1 |
| 17 | `#21ab45` | `oklch(65.00% 0.1818 146.97)` | Vitalize | black, 6.9 to 1 |
| 18 | `#229f43` | `oklch(61.67% 0.1688 147.30)` | Gangly Gremlin | black, 6.1 to 1 |
| 19 | `#229340` | `oklch(58.30% 0.1556 147.69)` | Green Ribbon | black, 5.3 to 1 |
| 20 | `#21873d` | `oklch(54.96% 0.1427 148.15)` | The Wild Apothecary | black, 4.6 to 1 |
| 21 | `#207c3a` | `oklch(51.70% 0.1310 148.67)` | Gorgeous Green | white, 5.2 to 1 |
| 22 | `#1d7137` | `oklch(48.56% 0.1207 149.28)` | Hawaiian Ti Leaf | white, 6 to 1 |
| 23 | `#1a6633` | `oklch(45.21% 0.1101 150.05)` | Bucolic | white, 7 to 1 |
| 24 | `#165b2f` | `oklch(41.65% 0.0987 150.97)` | Crusoe | white, 8.2 to 1 |
| 25 | `#134f2a` | `oklch(37.95% 0.0869 152.00)` | Card Table Green | white, 9.6 to 1 |
| 26 | `#114325` | `oklch(34.22% 0.0749 153.09)` | Lost in the Woods | white, 11.2 to 1 |
| 27 | `#0f3820` | `oklch(30.55% 0.0631 154.21)` | Off-Road Green | white, 13 to 1 |
| 28 | `#0d2e1b` | `oklch(27.04% 0.0518 155.30)` | Bush | white, 14.7 to 1 |
| 29 | `#0c2516` | `oklch(23.79% 0.0413 156.32)` | Nightmare | white, 16.3 to 1 |
| 30 | `#0a1c12` | `oklch(20.89% 0.0319 157.24)` | Pinch of Pepper | white, 17.6 to 1 |
| 31 | `#09160e` | `oklch(18.44% 0.0240 158.01)` | Pinch of Pepper | white, 18.5 to 1 |
| 32 | `#08110c` | `oklch(16.54% 0.0179 158.58)` | Alpine Salamander | white, 19.1 to 1 |

## CSS

```css
background: linear-gradient(180deg, #b9dfbc 0.0%, #b4e0b7 3.2%, #ade1b1 6.5%, #a4e4a9 9.7%, #99e6a0 12.9%, #8ee896 16.1%, #81ea8b 19.4%, #72ea80 22.6%, #63ea74 25.8%, #54e869 29.0%, #46e460 32.3%, #39de59 35.5%, #2fd653 38.7%, #28cd4e 41.9%, #23c24a 45.2%, #21b748 48.4%, #21ab45 51.6%, #229f43 54.8%, #229340 58.1%, #21873d 61.3%, #207c3a 64.5%, #1d7137 67.7%, #1a6633 71.0%, #165b2f 74.2%, #134f2a 77.4%, #114325 80.6%, #0f3820 83.9%, #0d2e1b 87.1%, #0c2516 90.3%, #0a1c12 93.5%, #09160e 96.8%, #08110c 100.0%);
background: linear-gradient(180deg in oklch, oklch(86.61% 0.0620 146.95) 0.0%, oklch(86.36% 0.0721 146.87) 3.2%, oklch(86.16% 0.0863 146.75) 6.5%, oklch(85.98% 0.1037 146.60) 9.7%, oklch(85.75% 0.1230 146.43) 12.9%, oklch(85.45% 0.1431 146.25) 16.1%, oklch(85.00% 0.1630 146.09) 19.4%, oklch(84.38% 0.1815 145.96) 22.6%, oklch(83.51% 0.1976 145.87) 25.8%, oklch(82.37% 0.2100 145.83) 29.0%, oklch(80.89% 0.2178 145.87) 32.3%, oklch(79.03% 0.2201 145.97) 35.5%, oklch(76.77% 0.2182 146.10) 38.7%, oklch(74.18% 0.2127 146.26) 41.9%, oklch(71.32% 0.2044 146.45) 45.2%, oklch(68.24% 0.1939 146.69) 48.4%, oklch(65.00% 0.1818 146.97) 51.6%, oklch(61.67% 0.1688 147.30) 54.8%, oklch(58.30% 0.1556 147.69) 58.1%, oklch(54.96% 0.1427 148.15) 61.3%, oklch(51.70% 0.1310 148.67) 64.5%, oklch(48.56% 0.1207 149.28) 67.7%, oklch(45.21% 0.1101 150.05) 71.0%, oklch(41.65% 0.0987 150.97) 74.2%, oklch(37.95% 0.0869 152.00) 77.4%, oklch(34.22% 0.0749 153.09) 80.6%, oklch(30.55% 0.0631 154.21) 83.9%, oklch(27.04% 0.0518 155.30) 87.1%, oklch(23.79% 0.0413 156.32) 90.3%, oklch(20.89% 0.0319 157.24) 93.5%, oklch(18.44% 0.0240 158.01) 96.8%, oklch(16.54% 0.0179 158.58) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.866 | 0.062 | 147 |
| 2 | 0.803 | 0.219 | 145.9 |
| 3 | 0.496 | 0.124 | 149.1 |
| 4 | 0.165 | 0.018 | 158.6 |

## In these collections

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

## Other forms

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