# Emerald fern lime gradient

Monochrome dark green to green angular gradient with 32 colors: #034238, #03473c, #034e40, #045746, #06604c, #096a51, #0c7356, #0d7b5a, #0e845e, #0d8d62, #0e9565, #119d67, #17a569, #1fac6a, #27b36b, #2fb96c, #37bf6c, #41c56c, #4cca6a, #5acf68, #6dd564, #82db5e, #96e059, #a5e254, #ace151, #a9db50, #98ce52, #7fbb53, #63a551, #4a8e4e, #367b49, #2b6e44. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Monochrome dark green to green angular gradient
- Seed: `kYVix_P6Q-lI1PtgQD66kA9j2jQw`
- Page: https://grabient.com/kYVix_P6Q-lI1PtgQD66kA9j2jQw?style=angularGradient&steps=32&angle=135
- Drawn as: angular gradient, 32 steps, 135 degrees
- Kinds: light center, vivid, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 7.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 | `#034238` | `oklch(33.86% 0.0606 178.59)` | Botanical Night | white, 11.4 to 1 |
| 2 | `#03473c` | `oklch(35.56% 0.0646 177.36)` | MSU Green | white, 10.6 to 1 |
| 3 | `#034e40` | `oklch(37.93% 0.0699 175.63)` | Urban Green | white, 9.6 to 1 |
| 4 | `#045746` | `oklch(40.72% 0.0763 173.59)` | Billiard Table | white, 8.5 to 1 |
| 5 | `#06604c` | `oklch(43.73% 0.0833 171.41)` | Sci-Fi Takeout | white, 7.5 to 1 |
| 6 | `#096a51` | `oklch(46.73% 0.0906 169.26)` | Peacock Green | white, 6.5 to 1 |
| 7 | `#0c7356` | `oklch(49.49% 0.0978 167.32)` | Green Velvet | white, 5.8 to 1 |
| 8 | `#0d7b5a` | `oklch(51.98% 0.1050 165.65)` | Ivy League | white, 5.2 to 1 |
| 9 | `#0e845e` | `oklch(54.45% 0.1127 164.09)` | Spectral Green | white, 4.6 to 1 |
| 10 | `#0d8d62` | `oklch(56.88% 0.1207 162.59)` | Chagall Green | black, 4.9 to 1 |
| 11 | `#0e9565` | `oklch(59.26% 0.1287 161.12)` | Emerald Lake | black, 5.4 to 1 |
| 12 | `#119d67` | `oklch(61.55% 0.1364 159.64)` | Prairie | black, 6 to 1 |
| 13 | `#17a569` | `oklch(63.73% 0.1435 158.10)` | Jungle | black, 6.5 to 1 |
| 14 | `#1fac6a` | `oklch(65.79% 0.1498 156.52)` | Secret Garden | black, 7.1 to 1 |
| 15 | `#27b36b` | `oklch(67.74% 0.1558 155.04)` | Green Mana | black, 7.7 to 1 |
| 16 | `#2fb96c` | `oklch(69.60% 0.1615 153.59)` | Turtle Warrior | black, 8.2 to 1 |
| 17 | `#37bf6c` | `oklch(71.37% 0.1667 152.05)` | Times Square Screens | black, 8.8 to 1 |
| 18 | `#41c56c` | `oklch(73.06% 0.1711 150.32)` | Zombie Green | black, 9.4 to 1 |
| 19 | `#4cca6a` | `oklch(74.66% 0.1747 148.29)` | UFO Green | black, 9.9 to 1 |
| 20 | `#5acf68` | `oklch(76.27% 0.1774 145.77)` | UFO Green | black, 10.5 to 1 |
| 21 | `#6dd564` | `oklch(78.43% 0.1800 142.08)` | Fresh Green | black, 11.3 to 1 |
| 22 | `#82db5e` | `oklch(80.84% 0.1823 137.68)` | Lilliputian Lime | black, 12.2 to 1 |
| 23 | `#96e059` | `oklch(83.00% 0.1835 133.25)` | Lilliputian Lime | black, 13 to 1 |
| 24 | `#a5e254` | `oklch(84.41% 0.1831 129.53)` | Dynamic Green | black, 13.6 to 1 |
| 25 | `#ace151` | `oklch(84.57% 0.1805 127.20)` | Conifer | black, 13.6 to 1 |
| 26 | `#a9db50` | `oklch(82.96% 0.1750 126.98)` | Conifer | black, 12.9 to 1 |
| 27 | `#98ce52` | `oklch(78.85% 0.1647 129.40)` | Wicked Green | black, 11.2 to 1 |
| 28 | `#7fbb53` | `oklch(72.78% 0.1507 133.83)` | Ultra Green | black, 9.1 to 1 |
| 29 | `#63a551` | `oklch(65.71% 0.1348 139.34)` | Zatar Leaf | black, 7 to 1 |
| 30 | `#4a8e4e` | `oklch(58.65% 0.1191 145.03)` | Virgo Green Goddess | black, 5.2 to 1 |
| 31 | `#367b49` | `oklch(52.56% 0.1057 149.96)` | Kemp Kelly | white, 5.1 to 1 |
| 32 | `#2b6e44` | `oklch(48.43% 0.0965 153.23)` | Billiard Ball | white, 6.1 to 1 |

## CSS

```css
background: conic-gradient(from 135deg, #034238 0.0%, #03473c 3.2%, #034e40 6.5%, #045746 9.7%, #06604c 12.9%, #096a51 16.1%, #0c7356 19.4%, #0d7b5a 22.6%, #0e845e 25.8%, #0d8d62 29.0%, #0e9565 32.3%, #119d67 35.5%, #17a569 38.7%, #1fac6a 41.9%, #27b36b 45.2%, #2fb96c 48.4%, #37bf6c 51.6%, #41c56c 54.8%, #4cca6a 58.1%, #5acf68 61.3%, #6dd564 64.5%, #82db5e 67.7%, #96e059 71.0%, #a5e254 74.2%, #ace151 77.4%, #a9db50 80.6%, #98ce52 83.9%, #7fbb53 87.1%, #63a551 90.3%, #4a8e4e 93.5%, #367b49 96.8%, #2b6e44 100.0%);
background: conic-gradient(from 135deg in oklch, oklch(33.86% 0.0606 178.59) 0.0%, oklch(35.56% 0.0646 177.36) 3.2%, oklch(37.93% 0.0699 175.63) 6.5%, oklch(40.72% 0.0763 173.59) 9.7%, oklch(43.73% 0.0833 171.41) 12.9%, oklch(46.73% 0.0906 169.26) 16.1%, oklch(49.49% 0.0978 167.32) 19.4%, oklch(51.98% 0.1050 165.65) 22.6%, oklch(54.45% 0.1127 164.09) 25.8%, oklch(56.88% 0.1207 162.59) 29.0%, oklch(59.26% 0.1287 161.12) 32.3%, oklch(61.55% 0.1364 159.64) 35.5%, oklch(63.73% 0.1435 158.10) 38.7%, oklch(65.79% 0.1498 156.52) 41.9%, oklch(67.74% 0.1558 155.04) 45.2%, oklch(69.60% 0.1615 153.59) 48.4%, oklch(71.37% 0.1667 152.05) 51.6%, oklch(73.06% 0.1711 150.32) 54.8%, oklch(74.66% 0.1747 148.29) 58.1%, oklch(76.27% 0.1774 145.77) 61.3%, oklch(78.43% 0.1800 142.08) 64.5%, oklch(80.84% 0.1823 137.68) 67.7%, oklch(83.00% 0.1835 133.25) 71.0%, oklch(84.41% 0.1831 129.53) 74.2%, oklch(84.57% 0.1805 127.20) 77.4%, oklch(82.96% 0.1750 126.98) 80.6%, oklch(78.85% 0.1647 129.40) 83.9%, oklch(72.78% 0.1507 133.83) 87.1%, oklch(65.71% 0.1348 139.34) 90.3%, oklch(58.65% 0.1191 145.03) 93.5%, oklch(52.56% 0.1057 149.96) 96.8%, oklch(48.43% 0.0965 153.23) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.339 | 0.061 | 178.6 |
| 2 | 0.5 | 0.099 | 167 |
| 3 | 0.646 | 0.146 | 157.5 |
| 4 | 0.756 | 0.176 | 146.9 |
| 5 | 0.835 | 0.176 | 126.8 |
| 6 | 0.484 | 0.096 | 153.2 |

## In these collections

- [Conic gradients](https://grabient.com/conic-gradients)

## Other forms

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