# Electric lime forest gradient Monochrome lime green to dark green linear gradient with 32 colors: #d2fd49, #cdfb47, #c6f844, #bef441, #b5f03d, #aceb3a, #a1e638, #97e138, #8ddb38, #82d439, #77cc3b, #6cc33c, #61bb3d, #57b23e, #4ca93f, #43a13f, #3b9940, #339140, #2d8a40, #28823f, #237b3f, #1f743e, #1c6d3d, #19663c, #15603b, #115939, #0e5337, #0c4d35, #0b4733, #0a4231, #0a3e2f, #0a3a2e. Edit it and copy or download CSS, SVG, PNG or shader code. - Also called: Monochrome lime green to dark green linear gradient - Seed: `kW7ZNXZ8pBE65wU5JEFKBRBw` - Page: https://grabient.com/kW7ZNXZ8pBE65wU5JEFKBRBw?steps=32&angle=180 - Drawn as: linear gradient, 32 steps, 180 degrees - Kinds: light to dark, vivid - Hues: analogous - Contrast of its darkest and lightest colors: 10.7 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 | `#d2fd49` | `oklch(93.31% 0.2026 122.34)` | Green of Bhabua | black, 17.9 to 1 | | 2 | `#cdfb47` | `oklch(92.42% 0.2030 123.09)` | Green of Bhabua | black, 17.4 to 1 | | 3 | `#c6f844` | `oklch(91.29% 0.2040 124.07)` | Yellow Green | black, 16.8 to 1 | | 4 | `#bef441` | `oklch(89.96% 0.2051 125.24)` | Pick Your Poison | black, 16.2 to 1 | | 5 | `#b5f03d` | `oklch(88.43% 0.2062 126.54)` | Pick Your Poison | black, 15.5 to 1 | | 6 | `#aceb3a` | `oklch(86.75% 0.2069 127.94)` | Sour Apple Candy | black, 14.7 to 1 | | 7 | `#a1e638` | `oklch(84.93% 0.2068 129.38)` | Quithayran Green | black, 13.9 to 1 | | 8 | `#97e138` | `oklch(83.00% 0.2056 130.81)` | Poisonous Potion | black, 13.1 to 1 | | 9 | `#8ddb38` | `oklch(80.98% 0.2032 132.20)` | Effervescent Lime | black, 12.2 to 1 | | 10 | `#82d439` | `oklch(78.74% 0.1994 133.61)` | Frogger | black, 11.3 to 1 | | 11 | `#77cc3b` | `oklch(76.27% 0.1946 135.07)` | Bitter Dandelion | black, 10.4 to 1 | | 12 | `#6cc33c` | `oklch(73.66% 0.1889 136.58)` | Zunda Green | black, 9.5 to 1 | | 13 | `#61bb3d` | `oklch(70.95% 0.1826 138.11)` | Exit Light | black, 8.6 to 1 | | 14 | `#57b23e` | `oklch(68.23% 0.1758 139.65)` | Yule Tree | black, 7.8 to 1 | | 15 | `#4ca93f` | `oklch(65.57% 0.1688 141.20)` | Ballyhoo | black, 7 to 1 | | 16 | `#43a13f` | `oklch(63.02% 0.1619 142.72)` | Oregano Green | black, 6.3 to 1 | | 17 | `#3b9940` | `oklch(60.63% 0.1550 144.22)` | Kryptonite Green | black, 5.8 to 1 | | 18 | `#339140` | `oklch(58.31% 0.1476 145.66)` | Green Ribbon | black, 5.2 to 1 | | 19 | `#2d8a40` | `oklch(56.02% 0.1398 147.08)` | Turf Green | black, 4.7 to 1 | | 20 | `#28823f` | `oklch(53.78% 0.1318 148.49)` | Warpstone Glow | white, 4.8 to 1 | | 21 | `#237b3f` | `oklch(51.59% 0.1237 149.93)` | Gorgeous Green | white, 5.2 to 1 | | 22 | `#1f743e` | `oklch(49.46% 0.1157 151.42)` | Felt | white, 5.8 to 1 | | 23 | `#1c6d3d` | `oklch(47.38% 0.1081 152.99)` | Rainforest Retreat | white, 6.3 to 1 | | 24 | `#19663c` | `oklch(45.37% 0.1009 154.66)` | Jewel | white, 6.9 to 1 | | 25 | `#15603b` | `oklch(43.39% 0.0942 156.54)` | Spruce | white, 7.6 to 1 | | 26 | `#115939` | `oklch(41.36% 0.0874 158.71)` | Crusoe | white, 8.3 to 1 | | 27 | `#0e5337` | `oklch(39.33% 0.0807 161.06)` | Permanent Green | white, 9 to 1 | | 28 | `#0c4d35` | `oklch(37.37% 0.0742 163.46)` | Chrysocolla Dark Green | white, 9.8 to 1 | | 29 | `#0b4733` | `oklch(35.54% 0.0683 165.78)` | Zucchini | white, 10.6 to 1 | | 30 | `#0a4231` | `oklch(33.91% 0.0630 167.89)` | UP Forest Green | white, 11.4 to 1 | | 31 | `#0a3e2f` | `oklch(32.54% 0.0585 169.65)` | Mizukaze Green | white, 12 to 1 | | 32 | `#0a3a2e` | `oklch(31.50% 0.0551 170.95)` | Night Turquoise | white, 12.5 to 1 | ## CSS ```css background: linear-gradient(180deg, #d2fd49 0.0%, #cdfb47 3.2%, #c6f844 6.5%, #bef441 9.7%, #b5f03d 12.9%, #aceb3a 16.1%, #a1e638 19.4%, #97e138 22.6%, #8ddb38 25.8%, #82d439 29.0%, #77cc3b 32.3%, #6cc33c 35.5%, #61bb3d 38.7%, #57b23e 41.9%, #4ca93f 45.2%, #43a13f 48.4%, #3b9940 51.6%, #339140 54.8%, #2d8a40 58.1%, #28823f 61.3%, #237b3f 64.5%, #1f743e 67.7%, #1c6d3d 71.0%, #19663c 74.2%, #15603b 77.4%, #115939 80.6%, #0e5337 83.9%, #0c4d35 87.1%, #0b4733 90.3%, #0a4231 93.5%, #0a3e2f 96.8%, #0a3a2e 100.0%); background: linear-gradient(180deg in oklch, oklch(93.31% 0.2026 122.34) 0.0%, oklch(92.42% 0.2030 123.09) 3.2%, oklch(91.29% 0.2040 124.07) 6.5%, oklch(89.96% 0.2051 125.24) 9.7%, oklch(88.43% 0.2062 126.54) 12.9%, oklch(86.75% 0.2069 127.94) 16.1%, oklch(84.93% 0.2068 129.38) 19.4%, oklch(83.00% 0.2056 130.81) 22.6%, oklch(80.98% 0.2032 132.20) 25.8%, oklch(78.74% 0.1994 133.61) 29.0%, oklch(76.27% 0.1946 135.07) 32.3%, oklch(73.66% 0.1889 136.58) 35.5%, oklch(70.95% 0.1826 138.11) 38.7%, oklch(68.23% 0.1758 139.65) 41.9%, oklch(65.57% 0.1688 141.20) 45.2%, oklch(63.02% 0.1619 142.72) 48.4%, oklch(60.63% 0.1550 144.22) 51.6%, oklch(58.31% 0.1476 145.66) 54.8%, oklch(56.02% 0.1398 147.08) 58.1%, oklch(53.78% 0.1318 148.49) 61.3%, oklch(51.59% 0.1237 149.93) 64.5%, oklch(49.46% 0.1157 151.42) 67.7%, oklch(47.38% 0.1081 152.99) 71.0%, oklch(45.37% 0.1009 154.66) 74.2%, oklch(43.39% 0.0942 156.54) 77.4%, oklch(41.36% 0.0874 158.71) 80.6%, oklch(39.33% 0.0807 161.06) 83.9%, oklch(37.37% 0.0742 163.46) 87.1%, oklch(35.54% 0.0683 165.78) 90.3%, oklch(33.91% 0.0630 167.89) 93.5%, oklch(32.54% 0.0585 169.65) 96.8%, oklch(31.50% 0.0551 170.95) 100.0%); ``` ## Keyframes 5 OKLCH keyframes joined by a Catmull-Rom spline. Hue is unwrapped degrees. | Keyframe | Lightness | Chroma | Hue | | --- | --- | --- | --- | | 1 | 0.933 | 0.203 | 122.3 | | 2 | 0.815 | 0.204 | 131.9 | | 3 | 0.618 | 0.158 | 143.5 | | 4 | 0.449 | 0.099 | 155.1 | | 5 | 0.315 | 0.055 | 171 | ## In these collections - [Linear gradients](https://grabient.com/linear-gradients) ## Other forms - [JSON](https://grabient.com/kW7ZNXZ8pBE65wU5JEFKBRBw.json?steps=32&angle=180) - [PNG](https://grabient.com/kW7ZNXZ8pBE65wU5JEFKBRBw.png?steps=32&angle=180) - [SVG](https://grabient.com/kW7ZNXZ8pBE65wU5JEFKBRBw.svg?steps=32&angle=180) - [CSS](https://grabient.com/kW7ZNXZ8pBE65wU5JEFKBRBw.css?steps=32&angle=180) - [ASE](https://grabient.com/kW7ZNXZ8pBE65wU5JEFKBRBw.ase?steps=32&angle=180) - [GPL](https://grabient.com/kW7ZNXZ8pBE65wU5JEFKBRBw.gpl?steps=32&angle=180) - [GRD](https://grabient.com/kW7ZNXZ8pBE65wU5JEFKBRBw.grd?steps=32&angle=180) - [Design tokens](https://grabient.com/kW7ZNXZ8pBE65wU5JEFKBRBw.tokens.json?steps=32&angle=180) - [Social card](https://grabient.com/api/og?seed=kW7ZNXZ8pBE65wU5JEFKBRBw&steps=32&angle=180) - [Palettes like this one](https://grabient.com/palettes?q=kW7ZNXZ8pBE65wU5JEFKBRBw) - [Guide for agents](https://grabient.com/llms.txt)