# Teal, brown, olive and gray linear gradient

Teal, brown, olive and gray linear gradient with 32 colors: #427876, #48807b, #518b81, #5e9889, #6ca690, #7cb395, #8bbd97, #98c394, #a1c38d, #a6bc7d, #a9ad68, #a99b51, #a7873c, #a3742c, #9d6621, #995e1a, #986017, #996b18, #997e27, #959442, #8dab65, #84be88, #7fcba6, #7fd1ba, #7fcfbf, #7dc7bb, #7abbb1, #75aca3, #6f9d94, #698e85, #64837a, #607b73. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWiCqJYx45UQoN3mH80Rww_4`
- Page: https://grabient.com/kWiCqJYx45UQoN3mH80Rww_4?steps=32&angle=225
- Drawn as: linear gradient, 32 steps, 225 degrees
- Hues: wide
- Contrast of its darkest and lightest colors: 2.9 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 | `#427876` | `oklch(53.54% 0.0579 192.66)` | Faded Jade | white, 5 to 1 |
| 2 | `#48807b` | `oklch(55.85% 0.0598 188.29)` | Bubble Turquoise | black, 4.6 to 1 |
| 3 | `#518b81` | `oklch(59.31% 0.0624 182.57)` | Wintergreen Dream | black, 5.3 to 1 |
| 4 | `#5e9889` | `oklch(63.46% 0.0655 175.78)` | Grey Teal | black, 6.3 to 1 |
| 5 | `#6ca690` | `oklch(67.81% 0.0690 168.15)` | Peacock Silk | black, 7.4 to 1 |
| 6 | `#7cb395` | `oklch(71.91% 0.0727 159.97)` | Padua | black, 8.7 to 1 |
| 7 | `#8bbd97` | `oklch(75.26% 0.0764 151.47)` | Garden Swing | black, 9.8 to 1 |
| 8 | `#98c394` | `oklch(77.41% 0.0801 142.93)` | Velvet Leaf | black, 10.5 to 1 |
| 9 | `#a1c38d` | `oklch(77.88% 0.0836 134.48)` | Cos | black, 10.7 to 1 |
| 10 | `#a6bc7d` | `oklch(76.23% 0.0875 123.96)` | Margarita | black, 10 to 1 |
| 11 | `#a9ad68` | `oklch(72.90% 0.0920 111.48)` | Organic Garden | black, 8.8 to 1 |
| 12 | `#a99b51` | `oklch(68.55% 0.0966 98.30)` | Formosan Green | black, 7.4 to 1 |
| 13 | `#a7873c` | `oklch(63.82% 0.1011 85.71)` | Peanut Brittle | black, 6.1 to 1 |
| 14 | `#a3742c` | `oklch(59.35% 0.1050 75.00)` | Hot Toddy | black, 5 to 1 |
| 15 | `#9d6621` | `oklch(55.78% 0.1081 67.43)` | Olivia | white, 4.8 to 1 |
| 16 | `#995e1a` | `oklch(53.77% 0.1099 64.30)` | Tortoiseshell Specs | white, 5.2 to 1 |
| 17 | `#986017` | `oklch(53.93% 0.1102 67.00)` | Soft Tone Ink | white, 5.2 to 1 |
| 18 | `#996b18` | `oklch(56.28% 0.1094 76.44)` | Balor Brown | white, 4.6 to 1 |
| 19 | `#997e27` | `oklch(60.20% 0.1075 90.96)` | Spruced Up | black, 5.3 to 1 |
| 20 | `#959442` | `oklch(65.02% 0.1048 108.69)` | Plantain | black, 6.5 to 1 |
| 21 | `#8dab65` | `oklch(70.09% 0.1014 127.73)` | Celuce | black, 8.1 to 1 |
| 22 | `#84be88` | `oklch(74.75% 0.0974 146.18)` | Greengage | black, 9.7 to 1 |
| 23 | `#7fcba6` | `oklch(78.34% 0.0929 162.15)` | Park Green Flat | black, 11 to 1 |
| 24 | `#7fd1ba` | `oklch(80.20% 0.0881 173.75)` | Lavish Green | black, 11.7 to 1 |
| 25 | `#7fcfbf` | `oklch(79.87% 0.0826 180.13)` | Blue Frosting | black, 11.5 to 1 |
| 26 | `#7dc7bb` | `oklch(77.78% 0.0757 183.26)` | Booty Bay | black, 10.7 to 1 |
| 27 | `#7abbb1` | `oklch(74.44% 0.0678 183.94)` | Mintnight | black, 9.5 to 1 |
| 28 | `#75aca3` | `oklch(70.33% 0.0595 182.90)` | Turquoise Fantasies | black, 8.1 to 1 |
| 29 | `#6f9d94` | `oklch(65.93% 0.0514 180.84)` | Greyish Teal | black, 6.9 to 1 |
| 30 | `#698e85` | `oklch(61.74% 0.0439 178.49)` | Aspen Hush | black, 5.8 to 1 |
| 31 | `#64837a` | `oklch(58.23% 0.0376 176.55)` | Lorna | black, 5 to 1 |
| 32 | `#607b73` | `oklch(55.91% 0.0331 175.75)` | Forest Edge | white, 4.5 to 1 |

## CSS

```css
background: linear-gradient(225deg, #427876 0.0%, #48807b 3.2%, #518b81 6.5%, #5e9889 9.7%, #6ca690 12.9%, #7cb395 16.1%, #8bbd97 19.4%, #98c394 22.6%, #a1c38d 25.8%, #a6bc7d 29.0%, #a9ad68 32.3%, #a99b51 35.5%, #a7873c 38.7%, #a3742c 41.9%, #9d6621 45.2%, #995e1a 48.4%, #986017 51.6%, #996b18 54.8%, #997e27 58.1%, #959442 61.3%, #8dab65 64.5%, #84be88 67.7%, #7fcba6 71.0%, #7fd1ba 74.2%, #7fcfbf 77.4%, #7dc7bb 80.6%, #7abbb1 83.9%, #75aca3 87.1%, #6f9d94 90.3%, #698e85 93.5%, #64837a 96.8%, #607b73 100.0%);
background: linear-gradient(225deg in oklch, oklch(53.54% 0.0579 192.66) 0.0%, oklch(55.85% 0.0598 188.29) 3.2%, oklch(59.31% 0.0624 182.57) 6.5%, oklch(63.46% 0.0655 175.78) 9.7%, oklch(67.81% 0.0690 168.15) 12.9%, oklch(71.91% 0.0727 159.97) 16.1%, oklch(75.26% 0.0764 151.47) 19.4%, oklch(77.41% 0.0801 142.93) 22.6%, oklch(77.88% 0.0836 134.48) 25.8%, oklch(76.23% 0.0875 123.96) 29.0%, oklch(72.90% 0.0920 111.48) 32.3%, oklch(68.55% 0.0966 98.30) 35.5%, oklch(63.82% 0.1011 85.71) 38.7%, oklch(59.35% 0.1050 75.00) 41.9%, oklch(55.78% 0.1081 67.43) 45.2%, oklch(53.77% 0.1099 64.30) 48.4%, oklch(53.93% 0.1102 67.00) 51.6%, oklch(56.28% 0.1094 76.44) 54.8%, oklch(60.20% 0.1075 90.96) 58.1%, oklch(65.02% 0.1048 108.69) 61.3%, oklch(70.09% 0.1014 127.73) 64.5%, oklch(74.75% 0.0974 146.18) 67.7%, oklch(78.34% 0.0929 162.15) 71.0%, oklch(80.20% 0.0881 173.75) 74.2%, oklch(79.87% 0.0826 180.13) 77.4%, oklch(77.78% 0.0757 183.26) 80.6%, oklch(74.44% 0.0678 183.94) 83.9%, oklch(70.33% 0.0595 182.90) 87.1%, oklch(65.93% 0.0514 180.84) 90.3%, oklch(61.74% 0.0439 178.49) 93.5%, oklch(58.23% 0.0376 176.55) 96.8%, oklch(55.91% 0.0331 175.75) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.535 | 0.058 | 192.7 |
| 2 | 0.78 | 0.083 | 136.6 |
| 3 | 0.535 | 0.11 | 64.8 |
| 4 | 0.803 | 0.087 | 175.7 |
| 5 | 0.559 | 0.033 | 175.7 |

## Other forms

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