# Deep cobalt garden shade

Tan, navy, teal and green linear gradient with 56 colors: #e6d67c, #ded47a, #d4d178, #c9cd77, #bcc976, #adc476, #9ebf77, #8eb977, #7db278, #6cab79, #5ca37a, #4b9b7b, #3c927b, #2d897b, #1f8079, #137678, #0a6d75, #066471, #065b6d, #095369, #0d4b64, #104460, #123e5b, #143957, #153553, #163150, #162f4e, #162d4c, #162d4c, #162e4c, #162f4e, #163250, #163553, #163a56, #153f5a, #14455e, #134b63, #135367, #145a6b, #16626f, #1b6a72, #217375, #2a7b77, #358479, #408c7a, #4d947b, #5a9c7c, #67a37c, #74aa7c, #81b07c, #8eb57c, #9aba7d, #a5be7d, #afc27e, #b7c57f, #bec87f. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Tan, navy, teal and green linear gradient
- Seed: `kS3VJGpZdSmairy`
- Page: https://grabient.com/kS3VJGpZdSmairy?steps=56&angle=135
- Drawn as: linear gradient, 56 steps, 135 degrees
- Kinds: dark center, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 9.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 | `#e6d67c` | `oklch(87.01% 0.1130 99.14)` | Gold Winged | black, 14.2 to 1 |
| 2 | `#ded47a` | `oklch(85.82% 0.1120 102.40)` | Golden Rice | black, 13.7 to 1 |
| 3 | `#d4d178` | `oklch(84.36% 0.1107 106.40)` | Green Gecko | black, 13.1 to 1 |
| 4 | `#c9cd77` | `oklch(82.65% 0.1093 111.09)` | Lime Sorbet Green | black, 12.4 to 1 |
| 5 | `#bcc976` | `oklch(80.72% 0.1077 116.38)` | Greenish Tan | black, 11.7 to 1 |
| 6 | `#adc476` | `oklch(78.59% 0.1059 122.23)` | Valley View | black, 10.9 to 1 |
| 7 | `#9ebf77` | `oklch(76.28% 0.1040 128.56)` | Leticiaz | black, 10.1 to 1 |
| 8 | `#8eb977` | `oklch(73.82% 0.1019 135.31)` | Prime Merchandise | black, 9.3 to 1 |
| 9 | `#7db278` | `oklch(71.23% 0.0997 142.40)` | Joshua Tree | black, 8.5 to 1 |
| 10 | `#6cab79` | `oklch(68.54% 0.0975 149.79)` | Light Grass Green | black, 7.7 to 1 |
| 11 | `#5ca37a` | `oklch(65.77% 0.0952 157.39)` | Advertising Green | black, 6.9 to 1 |
| 12 | `#4b9b7b` | `oklch(62.94% 0.0928 165.14)` | Natural Orchestra | black, 6.2 to 1 |
| 13 | `#3c927b` | `oklch(60.08% 0.0904 172.98)` | Winter Green | black, 5.5 to 1 |
| 14 | `#2d897b` | `oklch(57.21% 0.0880 180.85)` | Palm Springs Splash | black, 4.9 to 1 |
| 15 | `#1f8079` | `oklch(54.36% 0.0856 188.67)` | Autumn Pine Green | white, 4.7 to 1 |
| 16 | `#137678` | `oklch(51.55% 0.0832 196.38)` | Prismarine | white, 5.3 to 1 |
| 17 | `#0a6d75` | `oklch(48.80% 0.0809 203.91)` | Toadstool Teal | white, 6 to 1 |
| 18 | `#066471` | `oklch(46.14% 0.0786 211.20)` | Green Spool | white, 6.8 to 1 |
| 19 | `#065b6d` | `oklch(43.59% 0.0764 218.18)` | Brave New Teal | white, 7.6 to 1 |
| 20 | `#095369` | `oklch(41.17% 0.0744 224.79)` | Blue Palisade | white, 8.5 to 1 |
| 21 | `#0d4b64` | `oklch(38.92% 0.0724 230.97)` | Victorian Peacock | white, 9.4 to 1 |
| 22 | `#104460` | `oklch(36.85% 0.0706 236.63)` | Forest Blues | white, 10.3 to 1 |
| 23 | `#123e5b` | `oklch(34.99% 0.0689 241.73)` | Poseidon | white, 11.2 to 1 |
| 24 | `#143957` | `oklch(33.36% 0.0674 246.18)` | Gibraltar Sea | white, 11.9 to 1 |
| 25 | `#153553` | `oklch(31.98% 0.0661 249.94)` | Incremental Blue | white, 12.6 to 1 |
| 26 | `#163150` | `oklch(30.89% 0.0650 252.93)` | Elite Blue | white, 13.2 to 1 |
| 27 | `#162f4e` | `oklch(30.09% 0.0642 255.08)` | Crow Black Blue | white, 13.6 to 1 |
| 28 | `#162d4c` | `oklch(29.63% 0.0636 256.33)` | Midnight Ocean | white, 13.8 to 1 |
| 29 | `#162d4c` | `oklch(29.51% 0.0633 256.62)` | Midnight Ocean | white, 13.8 to 1 |
| 30 | `#162e4c` | `oklch(29.74% 0.0632 255.96)` | Crow Black Blue | white, 13.7 to 1 |
| 31 | `#162f4e` | `oklch(30.29% 0.0633 254.43)` | Crow Black Blue | white, 13.5 to 1 |
| 32 | `#163250` | `oklch(31.14% 0.0637 252.07)` | Beyond the Stars | white, 13 to 1 |
| 33 | `#163553` | `oklch(32.26% 0.0643 248.96)` | Incremental Blue | white, 12.5 to 1 |
| 34 | `#163a56` | `oklch(33.63% 0.0650 245.15)` | Gibraltar Sea | white, 11.8 to 1 |
| 35 | `#153f5a` | `oklch(35.23% 0.0660 240.72)` | Neptune’s Wrath | white, 11.1 to 1 |
| 36 | `#14455e` | `oklch(37.03% 0.0670 235.72)` | Sailor Blue | white, 10.2 to 1 |
| 37 | `#134b63` | `oklch(39.02% 0.0682 230.22)` | Victorian Peacock | white, 9.4 to 1 |
| 38 | `#135367` | `oklch(41.17% 0.0696 224.28)` | Plunge | white, 8.5 to 1 |
| 39 | `#145a6b` | `oklch(43.45% 0.0710 217.97)` | Connor’s Lakefront | white, 7.7 to 1 |
| 40 | `#16626f` | `oklch(45.84% 0.0725 211.34)` | Blue Lagoon | white, 6.9 to 1 |
| 41 | `#1b6a72` | `oklch(48.33% 0.0741 204.47)` | Teal Fury | white, 6.2 to 1 |
| 42 | `#217375` | `oklch(50.88% 0.0757 197.42)` | Poseidon’s Castle | white, 5.5 to 1 |
| 43 | `#2a7b77` | `oklch(53.48% 0.0774 190.25)` | Elm | white, 4.9 to 1 |
| 44 | `#358479` | `oklch(56.09% 0.0791 183.02)` | Celadon Green | black, 4.7 to 1 |
| 45 | `#408c7a` | `oklch(58.71% 0.0808 175.79)` | Perky | black, 5.2 to 1 |
| 46 | `#4d947b` | `oklch(61.29% 0.0825 168.64)` | Puerto Princesa | black, 5.8 to 1 |
| 47 | `#5a9c7c` | `oklch(63.83% 0.0841 161.62)` | Memphis Green | black, 6.4 to 1 |
| 48 | `#67a37c` | `oklch(66.30% 0.0857 154.80)` | Growth | black, 7 to 1 |
| 49 | `#74aa7c` | `oklch(68.68% 0.0873 148.24)` | Light Grass Green | black, 7.7 to 1 |
| 50 | `#81b07c` | `oklch(70.93% 0.0888 142.01)` | Verde | black, 8.4 to 1 |
| 51 | `#8eb57c` | `oklch(73.05% 0.0901 136.17)` | Flavoparmelia Caperata | black, 9 to 1 |
| 52 | `#9aba7d` | `oklch(75.00% 0.0914 130.77)` | Gleeful | black, 9.7 to 1 |
| 53 | `#a5be7d` | `oklch(76.77% 0.0926 125.89)` | Margarita | black, 10.2 to 1 |
| 54 | `#afc27e` | `oklch(78.32% 0.0936 121.60)` | Gnome Green | black, 10.8 to 1 |
| 55 | `#b7c57f` | `oklch(79.64% 0.0944 117.94)` | Everglade Glen | black, 11.3 to 1 |
| 56 | `#bec87f` | `oklch(80.71% 0.0951 114.99)` | Soda Pop | black, 11.7 to 1 |

## CSS

```css
background: linear-gradient(135deg, #e6d67c 0.0%, #ded47a 1.8%, #d4d178 3.6%, #c9cd77 5.5%, #bcc976 7.3%, #adc476 9.1%, #9ebf77 10.9%, #8eb977 12.7%, #7db278 14.5%, #6cab79 16.4%, #5ca37a 18.2%, #4b9b7b 20.0%, #3c927b 21.8%, #2d897b 23.6%, #1f8079 25.5%, #137678 27.3%, #0a6d75 29.1%, #066471 30.9%, #065b6d 32.7%, #095369 34.5%, #0d4b64 36.4%, #104460 38.2%, #123e5b 40.0%, #143957 41.8%, #153553 43.6%, #163150 45.5%, #162f4e 47.3%, #162d4c 49.1%, #162d4c 50.9%, #162e4c 52.7%, #162f4e 54.5%, #163250 56.4%, #163553 58.2%, #163a56 60.0%, #153f5a 61.8%, #14455e 63.6%, #134b63 65.5%, #135367 67.3%, #145a6b 69.1%, #16626f 70.9%, #1b6a72 72.7%, #217375 74.5%, #2a7b77 76.4%, #358479 78.2%, #408c7a 80.0%, #4d947b 81.8%, #5a9c7c 83.6%, #67a37c 85.5%, #74aa7c 87.3%, #81b07c 89.1%, #8eb57c 90.9%, #9aba7d 92.7%, #a5be7d 94.5%, #afc27e 96.4%, #b7c57f 98.2%, #bec87f 100.0%);
background: linear-gradient(135deg in oklch, oklch(87.01% 0.1130 99.14) 0.0%, oklch(85.82% 0.1120 102.40) 1.8%, oklch(84.36% 0.1107 106.40) 3.6%, oklch(82.65% 0.1093 111.09) 5.5%, oklch(80.72% 0.1077 116.38) 7.3%, oklch(78.59% 0.1059 122.23) 9.1%, oklch(76.28% 0.1040 128.56) 10.9%, oklch(73.82% 0.1019 135.31) 12.7%, oklch(71.23% 0.0997 142.40) 14.5%, oklch(68.54% 0.0975 149.79) 16.4%, oklch(65.77% 0.0952 157.39) 18.2%, oklch(62.94% 0.0928 165.14) 20.0%, oklch(60.08% 0.0904 172.98) 21.8%, oklch(57.21% 0.0880 180.85) 23.6%, oklch(54.36% 0.0856 188.67) 25.5%, oklch(51.55% 0.0832 196.38) 27.3%, oklch(48.80% 0.0809 203.91) 29.1%, oklch(46.14% 0.0786 211.20) 30.9%, oklch(43.59% 0.0764 218.18) 32.7%, oklch(41.17% 0.0744 224.79) 34.5%, oklch(38.92% 0.0724 230.97) 36.4%, oklch(36.85% 0.0706 236.63) 38.2%, oklch(34.99% 0.0689 241.73) 40.0%, oklch(33.36% 0.0674 246.18) 41.8%, oklch(31.98% 0.0661 249.94) 43.6%, oklch(30.89% 0.0650 252.93) 45.5%, oklch(30.09% 0.0642 255.08) 47.3%, oklch(29.63% 0.0636 256.33) 49.1%, oklch(29.51% 0.0633 256.62) 50.9%, oklch(29.74% 0.0632 255.96) 52.7%, oklch(30.29% 0.0633 254.43) 54.5%, oklch(31.14% 0.0637 252.07) 56.4%, oklch(32.26% 0.0643 248.96) 58.2%, oklch(33.63% 0.0650 245.15) 60.0%, oklch(35.23% 0.0660 240.72) 61.8%, oklch(37.03% 0.0670 235.72) 63.6%, oklch(39.02% 0.0682 230.22) 65.5%, oklch(41.17% 0.0696 224.28) 67.3%, oklch(43.45% 0.0710 217.97) 69.1%, oklch(45.84% 0.0725 211.34) 70.9%, oklch(48.33% 0.0741 204.47) 72.7%, oklch(50.88% 0.0757 197.42) 74.5%, oklch(53.48% 0.0774 190.25) 76.4%, oklch(56.09% 0.0791 183.02) 78.2%, oklch(58.71% 0.0808 175.79) 80.0%, oklch(61.29% 0.0825 168.64) 81.8%, oklch(63.83% 0.0841 161.62) 83.6%, oklch(66.30% 0.0857 154.80) 85.5%, oklch(68.68% 0.0873 148.24) 87.3%, oklch(70.93% 0.0888 142.01) 89.1%, oklch(73.05% 0.0901 136.17) 90.9%, oklch(75.00% 0.0914 130.77) 92.7%, oklch(76.77% 0.0926 125.89) 94.5%, oklch(78.32% 0.0936 121.60) 96.4%, oklch(79.64% 0.0944 117.94) 98.2%, oklch(80.71% 0.0951 114.99) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.87 | 0.113 | 99.1 |
| 2 | 0.295 | 0.063 | 256.6 |
| 3 | 0.807 | 0.095 | 115 |

## In these collections

- [Lemon blossom veranda](https://grabient.com/lemon-blossom-veranda)

## Other forms

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