# Tan, teal, green and blue linear gradient

Tan, teal, green and blue linear gradient with 48 colors: #efd372, #dacd70, #bec56f, #9dba72, #7bab75, #5c9977, #448575, #35726f, #2e6066, #2b515b, #284552, #273f4c, #263d4b, #27414f, #284a58, #295863, #2c696e, #337d77, #44927b, #5fa57b, #7fb577, #a0c271, #bdcb6c, #d1cf69, #dbd067, #decd66, #dbc865, #d3c163, #c8b961, #bab05f, #aba65d, #9b9c5a, #8c9257, #7e8a55, #718253, #667d52, #5c7a52, #507754, #427658, #31745e, #1a7366, #00706f, #006d77, #006a7f, #006788, #006392, #185f97, #255b99. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kW3VhCrA3Q2suMHGmUMu6pOQ`
- Page: https://grabient.com/kW3VhCrA3Q2suMHGmUMu6pOQ?steps=48&angle=135
- Drawn as: linear gradient, 48 steps, 135 degrees
- Kinds: multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 7.6 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 | `#efd372` | `oklch(87.01% 0.1213 93.52)` | Funky Yellow | black, 14.2 to 1 |
| 2 | `#dacd70` | `oklch(84.08% 0.1165 101.48)` | Pirate Treasure | black, 13 to 1 |
| 3 | `#bec56f` | `oklch(79.94% 0.1098 112.73)` | Powdered Green Tea | black, 11.4 to 1 |
| 4 | `#9dba72` | `oklch(74.87% 0.1015 126.48)` | Olivine | black, 9.6 to 1 |
| 5 | `#7bab75` | `oklch(69.16% 0.0922 141.98)` | Abomination | black, 7.8 to 1 |
| 6 | `#5c9977` | `oklch(63.10% 0.0824 158.44)` | Fake Fern | black, 6.2 to 1 |
| 7 | `#448575` | `oklch(56.97% 0.0724 175.10)` | Aussie Surf | black, 4.8 to 1 |
| 8 | `#35726f` | `oklch(51.05% 0.0628 191.20)` | Jungle Noises | white, 5.5 to 1 |
| 9 | `#2e6066` | `oklch(45.63% 0.0541 205.95)` | After the Storm | white, 7 to 1 |
| 10 | `#2b515b` | `oklch(41.00% 0.0467 218.59)` | Encore Teal | white, 8.6 to 1 |
| 11 | `#284552` | `oklch(37.44% 0.0412 228.35)` | Rainstorm | white, 10.1 to 1 |
| 12 | `#273f4c` | `oklch(35.24% 0.0379 234.45)` | Bakos Blue | white, 11.1 to 1 |
| 13 | `#263d4b` | `oklch(34.68% 0.0374 236.14)` | Tarawera | white, 11.3 to 1 |
| 14 | `#27414f` | `oklch(35.99% 0.0401 233.06)` | Green Vogue | white, 10.7 to 1 |
| 15 | `#284a58` | `oklch(38.92% 0.0457 225.87)` | Night Swim | white, 9.5 to 1 |
| 16 | `#295863` | `oklch(43.15% 0.0535 215.35)` | Petro Blue | white, 7.8 to 1 |
| 17 | `#2c696e` | `oklch(48.35% 0.0630 202.33)` | Aquarium | white, 6.2 to 1 |
| 18 | `#337d77` | `oklch(54.17% 0.0735 187.59)` | Zirconia Teal | white, 4.8 to 1 |
| 19 | `#44927b` | `oklch(60.28% 0.0845 171.93)` | Winter Green | black, 5.6 to 1 |
| 20 | `#5fa57b` | `oklch(66.35% 0.0954 156.15)` | Shiny Shamrock | black, 7.1 to 1 |
| 21 | `#7fb577` | `oklch(72.05% 0.1055 141.06)` | Joshua Tree | black, 8.8 to 1 |
| 22 | `#a0c271` | `oklch(77.05% 0.1143 127.45)` | Lime Parfait | black, 10.4 to 1 |
| 23 | `#bdcb6c` | `oklch(81.00% 0.1213 116.11)` | Gentle Dill | black, 11.8 to 1 |
| 24 | `#d1cf69` | `oklch(83.58% 0.1257 107.86)` | Force of Nature | black, 12.8 to 1 |
| 25 | `#dbd067` | `oklch(84.54% 0.1271 103.14)` | Lime Tree | black, 13.2 to 1 |
| 26 | `#decd66` | `oklch(84.25% 0.1258 100.28)` | Gluten | black, 13 to 1 |
| 27 | `#dbc865` | `oklch(82.94% 0.1223 98.86)` | Chifle Yellow | black, 12.4 to 1 |
| 28 | `#d3c163` | `oklch(80.82% 0.1171 98.76)` | Mustard Oil | black, 11.6 to 1 |
| 29 | `#c8b961` | `oklch(78.05% 0.1106 99.85)` | Almond Puff | black, 10.5 to 1 |
| 30 | `#bab05f` | `oklch(74.82% 0.1033 102.02)` | Gilded Pesto | black, 9.4 to 1 |
| 31 | `#aba65d` | `oklch(71.31% 0.0957 105.16)` | Wholemeal Cookie | black, 8.3 to 1 |
| 32 | `#9b9c5a` | `oklch(67.70% 0.0883 109.13)` | Stem | black, 7.3 to 1 |
| 33 | `#8c9257` | `oklch(64.18% 0.0814 113.82)` | Fair and Square | black, 6.3 to 1 |
| 34 | `#7e8a55` | `oklch(60.92% 0.0756 119.12)` | Scarabœus Nobilis | black, 5.6 to 1 |
| 35 | `#718253` | `oklch(58.11% 0.0714 124.90)` | Turf War | black, 5 to 1 |
| 36 | `#667d52` | `oklch(55.94% 0.0691 131.04)` | Mint Leaves | black, 4.6 to 1 |
| 37 | `#5c7a52` | `oklch(54.38% 0.0690 137.97)` | Garden Club | white, 4.8 to 1 |
| 38 | `#507754` | `oklch(53.06% 0.0707 146.79)` | Torrey Pine | white, 5 to 1 |
| 39 | `#427658` | `oklch(51.92% 0.0737 157.15)` | Scouring Rush | white, 5.3 to 1 |
| 40 | `#31745e` | `oklch(50.96% 0.0777 168.66)` | Nordic Forest | white, 5.5 to 1 |
| 41 | `#1a7366` | `oklch(50.15% 0.0826 180.91)` | Northern Hemisphere | white, 5.7 to 1 |
| 42 | `#00706f` | `oklch(49.47% 0.0846 193.52)` | Boating Green | white, 5.8 to 1 |
| 43 | `#006d77` | `oklch(48.89% 0.0837 206.08)` | Toadstool Teal | white, 6 to 1 |
| 44 | `#006a7f` | `oklch(48.39% 0.0871 218.20)` | Porpoise Place | white, 6.2 to 1 |
| 45 | `#006788` | `oklch(47.97% 0.0950 229.46)` | Bowerbird Blue | white, 6.3 to 1 |
| 46 | `#006392` | `oklch(47.58% 0.1080 239.48)` | Bauhaus Blue | white, 6.5 to 1 |
| 47 | `#185f97` | `oklch(47.21% 0.1131 247.82)` | Lapis Lazuli Blue | white, 6.7 to 1 |
| 48 | `#255b99` | `oklch(46.85% 0.1157 254.14)` | Beacon Blue | white, 6.8 to 1 |

## CSS

```css
background: linear-gradient(135deg, #efd372 0.0%, #dacd70 2.1%, #bec56f 4.3%, #9dba72 6.4%, #7bab75 8.5%, #5c9977 10.6%, #448575 12.8%, #35726f 14.9%, #2e6066 17.0%, #2b515b 19.1%, #284552 21.3%, #273f4c 23.4%, #263d4b 25.5%, #27414f 27.7%, #284a58 29.8%, #295863 31.9%, #2c696e 34.0%, #337d77 36.2%, #44927b 38.3%, #5fa57b 40.4%, #7fb577 42.6%, #a0c271 44.7%, #bdcb6c 46.8%, #d1cf69 48.9%, #dbd067 51.1%, #decd66 53.2%, #dbc865 55.3%, #d3c163 57.4%, #c8b961 59.6%, #bab05f 61.7%, #aba65d 63.8%, #9b9c5a 66.0%, #8c9257 68.1%, #7e8a55 70.2%, #718253 72.3%, #667d52 74.5%, #5c7a52 76.6%, #507754 78.7%, #427658 80.9%, #31745e 83.0%, #1a7366 85.1%, #00706f 87.2%, #006d77 89.4%, #006a7f 91.5%, #006788 93.6%, #006392 95.7%, #185f97 97.9%, #255b99 100.0%);
background: linear-gradient(135deg in oklch, oklch(87.01% 0.1213 93.52) 0.0%, oklch(84.08% 0.1165 101.48) 2.1%, oklch(79.94% 0.1098 112.73) 4.3%, oklch(74.87% 0.1015 126.48) 6.4%, oklch(69.16% 0.0922 141.98) 8.5%, oklch(63.10% 0.0824 158.44) 10.6%, oklch(56.97% 0.0724 175.10) 12.8%, oklch(51.05% 0.0628 191.20) 14.9%, oklch(45.63% 0.0541 205.95) 17.0%, oklch(41.00% 0.0467 218.59) 19.1%, oklch(37.44% 0.0412 228.35) 21.3%, oklch(35.24% 0.0379 234.45) 23.4%, oklch(34.68% 0.0374 236.14) 25.5%, oklch(35.99% 0.0401 233.06) 27.7%, oklch(38.92% 0.0457 225.87) 29.8%, oklch(43.15% 0.0535 215.35) 31.9%, oklch(48.35% 0.0630 202.33) 34.0%, oklch(54.17% 0.0735 187.59) 36.2%, oklch(60.28% 0.0845 171.93) 38.3%, oklch(66.35% 0.0954 156.15) 40.4%, oklch(72.05% 0.1055 141.06) 42.6%, oklch(77.05% 0.1143 127.45) 44.7%, oklch(81.00% 0.1213 116.11) 46.8%, oklch(83.58% 0.1257 107.86) 48.9%, oklch(84.54% 0.1271 103.14) 51.1%, oklch(84.25% 0.1258 100.28) 53.2%, oklch(82.94% 0.1223 98.86) 55.3%, oklch(80.82% 0.1171 98.76) 57.4%, oklch(78.05% 0.1106 99.85) 59.6%, oklch(74.82% 0.1033 102.02) 61.7%, oklch(71.31% 0.0957 105.16) 63.8%, oklch(67.70% 0.0883 109.13) 66.0%, oklch(64.18% 0.0814 113.82) 68.1%, oklch(60.92% 0.0756 119.12) 70.2%, oklch(58.11% 0.0714 124.90) 72.3%, oklch(55.94% 0.0691 131.04) 74.5%, oklch(54.38% 0.0690 137.97) 76.6%, oklch(53.06% 0.0707 146.79) 78.7%, oklch(51.92% 0.0737 157.15) 80.9%, oklch(50.96% 0.0777 168.66) 83.0%, oklch(50.15% 0.0826 180.91) 85.1%, oklch(49.47% 0.0846 193.52) 87.2%, oklch(48.89% 0.0837 206.08) 89.4%, oklch(48.39% 0.0871 218.20) 91.5%, oklch(47.97% 0.0950 229.46) 93.6%, oklch(47.58% 0.1080 239.48) 95.7%, oklch(47.21% 0.1131 247.82) 97.9%, oklch(46.85% 0.1157 254.14) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.87 | 0.121 | 93.5 |
| 2 | 0.346 | 0.037 | 236.2 |
| 3 | 0.843 | 0.127 | 105.1 |
| 4 | 0.555 | 0.069 | 132.6 |
| 5 | 0.469 | 0.116 | 254.1 |

## Other forms

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