# Analogous green to teal linear gradient Analogous green to teal linear gradient with 32 colors: #6f934c, #709650, #729b56, #74a15c, #76a764, #77ae6c, #78b473, #79b97a, #78bc80, #77bf85, #75c18a, #74c28f, #72c293, #6fc297, #6cc299, #69c09b, #65be9c, #61bb9d, #5cb79c, #56b39b, #51ad99, #4ba896, #46a293, #419c90, #3c958b, #368e85, #30857e, #2a7d77, #247470, #1f6d69, #1a6764, #176260. Edit it and copy or download CSS, SVG, PNG or shader code. - Seed: `kWnU1dXShB14kwjQIEIOZnA4` - Page: https://grabient.com/kWnU1dXShB14kwjQIEIOZnA4?steps=32 - Drawn as: linear gradient, 32 steps, 90 degrees - Hues: analogous - Contrast of its darkest and lightest colors: 3.3 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 | `#6f934c` | `oklch(61.81% 0.1061 130.78)` | Drab Green | black, 5.9 to 1 | | 2 | `#709650` | `oklch(62.80% 0.1065 132.03)` | Drab Green | black, 6.1 to 1 | | 3 | `#729b56` | `oklch(64.21% 0.1072 133.67)` | Bavarian Green | black, 6.5 to 1 | | 4 | `#74a15c` | `oklch(65.89% 0.1080 135.62)` | Bulbasaur | black, 6.9 to 1 | | 5 | `#76a764` | `oklch(67.70% 0.1089 137.80)` | Dull Green | black, 7.4 to 1 | | 6 | `#77ae6c` | `oklch(69.50% 0.1096 140.13)` | Alfalfa Bug | black, 8 to 1 | | 7 | `#78b473` | `oklch(71.14% 0.1102 142.53)` | Faded Green | black, 8.5 to 1 | | 8 | `#79b97a` | `oklch(72.49% 0.1104 144.91)` | Lucerne | black, 8.9 to 1 | | 9 | `#78bc80` | `oklch(73.42% 0.1101 147.20)` | Jade Stone Green | black, 9.3 to 1 | | 10 | `#77bf85` | `oklch(74.09% 0.1095 149.53)` | Flashman | black, 9.5 to 1 | | 11 | `#75c18a` | `oklch(74.59% 0.1085 151.95)` | Clover Mist | black, 9.7 to 1 | | 12 | `#74c28f` | `oklch(74.91% 0.1073 154.44)` | Felt Green | black, 9.8 to 1 | | 13 | `#72c293` | `oklch(75.06% 0.1059 156.96)` | Felt Green | black, 9.8 to 1 | | 14 | `#6fc297` | `oklch(75.01% 0.1044 159.48)` | Felt Green | black, 9.8 to 1 | | 15 | `#6cc299` | `oklch(74.77% 0.1028 161.99)` | Felt Green | black, 9.7 to 1 | | 16 | `#69c09b` | `oklch(74.32% 0.1013 164.45)` | Peppermint Fresh | black, 9.6 to 1 | | 17 | `#65be9c` | `oklch(73.65% 0.0999 166.86)` | Peppermint Fresh | black, 9.4 to 1 | | 18 | `#61bb9d` | `oklch(72.73% 0.0984 169.34)` | Sainsbury | black, 9 to 1 | | 19 | `#5cb79c` | `oklch(71.57% 0.0970 171.86)` | Keppel | black, 8.7 to 1 | | 20 | `#56b39b` | `oklch(70.21% 0.0955 174.37)` | Keppel | black, 8.2 to 1 | | 21 | `#51ad99` | `oklch(68.69% 0.0939 176.81)` | Hole in One | black, 7.8 to 1 | | 22 | `#4ba896` | `oklch(67.04% 0.0923 179.13)` | Jewel Weed | black, 7.3 to 1 | | 23 | `#46a293` | `oklch(65.28% 0.0905 181.27)` | Golf Blazer | black, 6.8 to 1 | | 24 | `#419c90` | `oklch(63.45% 0.0887 183.18)` | Dioptase Green | black, 6.3 to 1 | | 25 | `#3c958b` | `oklch(61.47% 0.0866 184.85)` | Azure Tide | black, 5.8 to 1 | | 26 | `#368e85` | `oklch(59.09% 0.0842 186.34)` | Royal Palm | black, 5.3 to 1 | | 27 | `#30857e` | `oklch(56.48% 0.0815 187.66)` | Celadon Green | black, 4.7 to 1 | | 28 | `#2a7d77` | `oklch(53.78% 0.0788 188.83)` | Zirconia Teal | white, 4.9 to 1 | | 29 | `#247470` | `oklch(51.15% 0.0762 189.85)` | Artisan Green | white, 5.4 to 1 | | 30 | `#1f6d69` | `oklch(48.75% 0.0738 190.73)` | Mosaic Tile | white, 6 to 1 | | 31 | `#1a6764` | `oklch(46.74% 0.0718 191.46)` | Butterfly Green | white, 6.6 to 1 | | 32 | `#176260` | `oklch(45.28% 0.0703 192.07)` | Abduction | white, 7 to 1 | ## CSS ```css background: linear-gradient(90deg, #6f934c 0.0%, #709650 3.2%, #729b56 6.5%, #74a15c 9.7%, #76a764 12.9%, #77ae6c 16.1%, #78b473 19.4%, #79b97a 22.6%, #78bc80 25.8%, #77bf85 29.0%, #75c18a 32.3%, #74c28f 35.5%, #72c293 38.7%, #6fc297 41.9%, #6cc299 45.2%, #69c09b 48.4%, #65be9c 51.6%, #61bb9d 54.8%, #5cb79c 58.1%, #56b39b 61.3%, #51ad99 64.5%, #4ba896 67.7%, #46a293 71.0%, #419c90 74.2%, #3c958b 77.4%, #368e85 80.6%, #30857e 83.9%, #2a7d77 87.1%, #247470 90.3%, #1f6d69 93.5%, #1a6764 96.8%, #176260 100.0%); background: linear-gradient(90deg in oklch, oklch(61.81% 0.1061 130.78) 0.0%, oklch(62.80% 0.1065 132.03) 3.2%, oklch(64.21% 0.1072 133.67) 6.5%, oklch(65.89% 0.1080 135.62) 9.7%, oklch(67.70% 0.1089 137.80) 12.9%, oklch(69.50% 0.1096 140.13) 16.1%, oklch(71.14% 0.1102 142.53) 19.4%, oklch(72.49% 0.1104 144.91) 22.6%, oklch(73.42% 0.1101 147.20) 25.8%, oklch(74.09% 0.1095 149.53) 29.0%, oklch(74.59% 0.1085 151.95) 32.3%, oklch(74.91% 0.1073 154.44) 35.5%, oklch(75.06% 0.1059 156.96) 38.7%, oklch(75.01% 0.1044 159.48) 41.9%, oklch(74.77% 0.1028 161.99) 45.2%, oklch(74.32% 0.1013 164.45) 48.4%, oklch(73.65% 0.0999 166.86) 51.6%, oklch(72.73% 0.0984 169.34) 54.8%, oklch(71.57% 0.0970 171.86) 58.1%, oklch(70.21% 0.0955 174.37) 61.3%, oklch(68.69% 0.0939 176.81) 64.5%, oklch(67.04% 0.0923 179.13) 67.7%, oklch(65.28% 0.0905 181.27) 71.0%, oklch(63.45% 0.0887 183.18) 74.2%, oklch(61.47% 0.0866 184.85) 77.4%, oklch(59.09% 0.0842 186.34) 80.6%, oklch(56.48% 0.0815 187.66) 83.9%, oklch(53.78% 0.0788 188.83) 87.1%, oklch(51.15% 0.0762 189.85) 90.3%, oklch(48.75% 0.0738 190.73) 93.5%, oklch(46.74% 0.0718 191.46) 96.8%, oklch(45.28% 0.0703 192.07) 100.0%); ``` ## Keyframes 5 OKLCH keyframes joined by a Catmull-Rom spline. Hue is unwrapped degrees. | Keyframe | Lightness | Chroma | Hue | | --- | --- | --- | --- | | 1 | 0.618 | 0.106 | 130.8 | | 2 | 0.732 | 0.11 | 146.6 | | 3 | 0.74 | 0.101 | 165.7 | | 4 | 0.63 | 0.088 | 183.6 | | 5 | 0.453 | 0.07 | 192.1 | ## In these collections - [Vintage gradients](https://grabient.com/vintage-gradients) - [Forest gradients](https://grabient.com/forest-gradients) - [Weathered garden gradients](https://grabient.com/weathered-garden-gradients) - [Desktop wallpaper gradients](https://grabient.com/desktop-wallpaper-gradients) ## Other forms - [JSON](https://grabient.com/kWnU1dXShB14kwjQIEIOZnA4.json?steps=32) - [PNG](https://grabient.com/kWnU1dXShB14kwjQIEIOZnA4.png?steps=32) - [SVG](https://grabient.com/kWnU1dXShB14kwjQIEIOZnA4.svg?steps=32) - [CSS](https://grabient.com/kWnU1dXShB14kwjQIEIOZnA4.css?steps=32) - [ASE](https://grabient.com/kWnU1dXShB14kwjQIEIOZnA4.ase?steps=32) - [GPL](https://grabient.com/kWnU1dXShB14kwjQIEIOZnA4.gpl?steps=32) - [GRD](https://grabient.com/kWnU1dXShB14kwjQIEIOZnA4.grd?steps=32) - [Design tokens](https://grabient.com/kWnU1dXShB14kwjQIEIOZnA4.tokens.json?steps=32) - [Social card](https://grabient.com/api/og?seed=kWnU1dXShB14kwjQIEIOZnA4&steps=32) - [Palettes like this one](https://grabient.com/palettes?q=kWnU1dXShB14kwjQIEIOZnA4) - [Guide for agents](https://grabient.com/llms.txt)