# Red teal green gradient

Vivid brown, teal and green linear gradient with 56 colors: #743725, #753922, #753b1f, #753d1a, #754016, #744310, #73470a, #714b04, #6f4f01, #6c5302, #685806, #635c0f, #5e6118, #576522, #506a2c, #486e36, #407140, #37754a, #2d7853, #227a5d, #167d66, #087f6f, #008077, #00817e, #008284, #00838a, #00848f, #008593, #018696, #058799, #08889b, #09899d, #098a9e, #088b9e, #058d9e, #018e9e, #008f9d, #00909c, #00919a, #009399, #009496, #009594, #009691, #00978e, #03988b, #0e9988, #179984, #1f9a81, #269a7d, #2c9b7a, #319b77, #379b74, #3b9c71, #3f9c6f, #429c6d, #449c6c. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Vivid brown, teal and green linear gradient
- Seed: `kSaUIayCPUM-pOc`
- Page: https://grabient.com/kSaUIayCPUM-pOc?steps=56&angle=135
- Drawn as: linear gradient, 56 steps, 135 degrees
- Kinds: vivid
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 2.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 | `#743725` | `oklch(41.34% 0.0909 37.27)` | Mocha Glow | white, 9 to 1 |
| 2 | `#753922` | `oklch(41.64% 0.0911 40.74)` | Bootstrap Leather | white, 8.9 to 1 |
| 3 | `#753b1f` | `oklch(42.00% 0.0912 44.91)` | Peruvian Soil | white, 8.7 to 1 |
| 4 | `#753d1a` | `oklch(42.40% 0.0914 49.71)` | Peruvian Soil | white, 8.6 to 1 |
| 5 | `#754016` | `oklch(42.84% 0.0915 55.09)` | Walnut | white, 8.4 to 1 |
| 6 | `#744310` | `oklch(43.32% 0.0917 60.99)` | Ancient Planks | white, 8.2 to 1 |
| 7 | `#73470a` | `oklch(43.84% 0.0918 67.35)` | Flat Brown | white, 7.9 to 1 |
| 8 | `#714b04` | `oklch(44.39% 0.0920 74.12)` | Antique Bronze | white, 7.7 to 1 |
| 9 | `#6f4f01` | `oklch(44.97% 0.0922 81.24)` | Antique Bronze | white, 7.5 to 1 |
| 10 | `#6c5302` | `oklch(45.57% 0.0924 88.65)` | Ayahuasca Vine | white, 7.2 to 1 |
| 11 | `#685806` | `oklch(46.19% 0.0926 96.29)` | Ayahuasca Vine | white, 7 to 1 |
| 12 | `#635c0f` | `oklch(46.83% 0.0928 104.12)` | Brussels Sprout Green | white, 6.8 to 1 |
| 13 | `#5e6118` | `oklch(47.48% 0.0930 112.07)` | Kirchner Green | white, 6.5 to 1 |
| 14 | `#576522` | `oklch(48.14% 0.0933 120.08)` | Tabbouleh Green | white, 6.3 to 1 |
| 15 | `#506a2c` | `oklch(48.81% 0.0935 128.10)` | Green Leaf | white, 6.1 to 1 |
| 16 | `#486e36` | `oklch(49.49% 0.0938 136.07)` | Gully Green | white, 5.9 to 1 |
| 17 | `#407140` | `oklch(50.16% 0.0940 143.94)` | Mount Hyjal | white, 5.7 to 1 |
| 18 | `#37754a` | `oklch(50.83% 0.0943 151.65)` | Grasslands | white, 5.5 to 1 |
| 19 | `#2d7853` | `oklch(51.49% 0.0946 159.13)` | Canadian Pine | white, 5.3 to 1 |
| 20 | `#227a5d` | `oklch(52.14% 0.0949 166.34)` | Turquoise Cyan | white, 5.2 to 1 |
| 21 | `#167d66` | `oklch(52.77% 0.0952 173.22)` | Deep Sea | white, 5 to 1 |
| 22 | `#087f6f` | `oklch(53.39% 0.0955 179.71)` | Blue Green | white, 4.9 to 1 |
| 23 | `#008077` | `oklch(53.98% 0.0948 185.75)` | Green Garlands | white, 4.8 to 1 |
| 24 | `#00817e` | `oklch(54.55% 0.0938 191.29)` | Belly Flop | white, 4.7 to 1 |
| 25 | `#008284` | `oklch(55.09% 0.0938 196.27)` | Fanfare | white, 4.6 to 1 |
| 26 | `#00838a` | `oklch(55.60% 0.0945 200.63)` | Precious Blue | black, 4.6 to 1 |
| 27 | `#00848f` | `oklch(56.07% 0.0956 204.32)` | True Teal | black, 4.7 to 1 |
| 28 | `#008593` | `oklch(56.50% 0.0969 207.28)` | Painted Sea | black, 4.7 to 1 |
| 29 | `#018696` | `oklch(56.88% 0.0980 209.46)` | Painted Sea | black, 4.8 to 1 |
| 30 | `#058799` | `oklch(57.25% 0.0985 211.00)` | Marker Blue | black, 4.9 to 1 |
| 31 | `#08889b` | `oklch(57.61% 0.0990 211.93)` | Teal Blue | black, 5 to 1 |
| 32 | `#09899d` | `oklch(57.94% 0.0995 212.31)` | Teal Blue | black, 5 to 1 |
| 33 | `#098a9e` | `oklch(58.27% 0.1000 212.17)` | Teal Blue | black, 5.1 to 1 |
| 34 | `#088b9e` | `oklch(58.57% 0.1006 211.55)` | Parrot Flight | black, 5.2 to 1 |
| 35 | `#058d9e` | `oklch(58.87% 0.1012 210.48)` | Coral Coast | black, 5.2 to 1 |
| 36 | `#018e9e` | `oklch(59.14% 0.1018 209.02)` | Coral Coast | black, 5.3 to 1 |
| 37 | `#008f9d` | `oklch(59.41% 0.1019 207.20)` | Coral Coast | black, 5.4 to 1 |
| 38 | `#00909c` | `oklch(59.67% 0.1019 205.06)` | Coral Coast | black, 5.4 to 1 |
| 39 | `#00919a` | `oklch(59.91% 0.1020 202.63)` | Splashy | black, 5.5 to 1 |
| 40 | `#009399` | `oklch(60.13% 0.1022 199.96)` | Peacock Feather | black, 5.6 to 1 |
| 41 | `#009496` | `oklch(60.35% 0.1027 197.08)` | Paradise Landscape | black, 5.6 to 1 |
| 42 | `#009594` | `oklch(60.56% 0.1035 194.05)` | Paradise Landscape | black, 5.7 to 1 |
| 43 | `#009691` | `oklch(60.75% 0.1046 190.89)` | Columbia | black, 5.7 to 1 |
| 44 | `#00978e` | `oklch(60.94% 0.1061 187.65)` | Green Dynasty | black, 5.8 to 1 |
| 45 | `#03988b` | `oklch(61.11% 0.1076 184.37)` | Plumage | black, 5.8 to 1 |
| 46 | `#0e9988` | `oklch(61.28% 0.1082 181.08)` | Plumage | black, 5.9 to 1 |
| 47 | `#179984` | `oklch(61.44% 0.1089 177.82)` | Flamboyant Teal | black, 5.9 to 1 |
| 48 | `#1f9a81` | `oklch(61.60% 0.1094 174.65)` | Paolo Veronese Green | black, 5.9 to 1 |
| 49 | `#269a7d` | `oklch(61.74% 0.1100 171.58)` | Paolo Veronese Green | black, 6 to 1 |
| 50 | `#2c9b7a` | `oklch(61.88% 0.1105 168.67)` | Tropical Kelp | black, 6 to 1 |
| 51 | `#319b77` | `oklch(62.01% 0.1110 165.96)` | Ocean Green | black, 6 to 1 |
| 52 | `#379b74` | `oklch(62.14% 0.1115 163.48)` | Ocean Green | black, 6.1 to 1 |
| 53 | `#3b9c71` | `oklch(62.26% 0.1120 161.27)` | Ocean Green | black, 6.1 to 1 |
| 54 | `#3f9c6f` | `oklch(62.38% 0.1123 159.37)` | Bulma Hair | black, 6.1 to 1 |
| 55 | `#429c6d` | `oklch(62.49% 0.1127 157.83)` | Bulma Hair | black, 6.1 to 1 |
| 56 | `#449c6c` | `oklch(62.60% 0.1130 156.68)` | Bulma Hair | black, 6.2 to 1 |

## CSS

```css
background: linear-gradient(135deg, #743725 0.0%, #753922 1.8%, #753b1f 3.6%, #753d1a 5.5%, #754016 7.3%, #744310 9.1%, #73470a 10.9%, #714b04 12.7%, #6f4f01 14.5%, #6c5302 16.4%, #685806 18.2%, #635c0f 20.0%, #5e6118 21.8%, #576522 23.6%, #506a2c 25.5%, #486e36 27.3%, #407140 29.1%, #37754a 30.9%, #2d7853 32.7%, #227a5d 34.5%, #167d66 36.4%, #087f6f 38.2%, #008077 40.0%, #00817e 41.8%, #008284 43.6%, #00838a 45.5%, #00848f 47.3%, #008593 49.1%, #018696 50.9%, #058799 52.7%, #08889b 54.5%, #09899d 56.4%, #098a9e 58.2%, #088b9e 60.0%, #058d9e 61.8%, #018e9e 63.6%, #008f9d 65.5%, #00909c 67.3%, #00919a 69.1%, #009399 70.9%, #009496 72.7%, #009594 74.5%, #009691 76.4%, #00978e 78.2%, #03988b 80.0%, #0e9988 81.8%, #179984 83.6%, #1f9a81 85.5%, #269a7d 87.3%, #2c9b7a 89.1%, #319b77 90.9%, #379b74 92.7%, #3b9c71 94.5%, #3f9c6f 96.4%, #429c6d 98.2%, #449c6c 100.0%);
background: linear-gradient(135deg in oklch, oklch(41.34% 0.0909 37.27) 0.0%, oklch(41.64% 0.0911 40.74) 1.8%, oklch(42.00% 0.0912 44.91) 3.6%, oklch(42.40% 0.0914 49.71) 5.5%, oklch(42.84% 0.0915 55.09) 7.3%, oklch(43.32% 0.0917 60.99) 9.1%, oklch(43.84% 0.0918 67.35) 10.9%, oklch(44.39% 0.0920 74.12) 12.7%, oklch(44.97% 0.0922 81.24) 14.5%, oklch(45.57% 0.0924 88.65) 16.4%, oklch(46.19% 0.0926 96.29) 18.2%, oklch(46.83% 0.0928 104.12) 20.0%, oklch(47.48% 0.0930 112.07) 21.8%, oklch(48.14% 0.0933 120.08) 23.6%, oklch(48.81% 0.0935 128.10) 25.5%, oklch(49.49% 0.0938 136.07) 27.3%, oklch(50.16% 0.0940 143.94) 29.1%, oklch(50.83% 0.0943 151.65) 30.9%, oklch(51.49% 0.0946 159.13) 32.7%, oklch(52.14% 0.0949 166.34) 34.5%, oklch(52.77% 0.0952 173.22) 36.4%, oklch(53.39% 0.0955 179.71) 38.2%, oklch(53.98% 0.0948 185.75) 40.0%, oklch(54.55% 0.0938 191.29) 41.8%, oklch(55.09% 0.0938 196.27) 43.6%, oklch(55.60% 0.0945 200.63) 45.5%, oklch(56.07% 0.0956 204.32) 47.3%, oklch(56.50% 0.0969 207.28) 49.1%, oklch(56.88% 0.0980 209.46) 50.9%, oklch(57.25% 0.0985 211.00) 52.7%, oklch(57.61% 0.0990 211.93) 54.5%, oklch(57.94% 0.0995 212.31) 56.4%, oklch(58.27% 0.1000 212.17) 58.2%, oklch(58.57% 0.1006 211.55) 60.0%, oklch(58.87% 0.1012 210.48) 61.8%, oklch(59.14% 0.1018 209.02) 63.6%, oklch(59.41% 0.1019 207.20) 65.5%, oklch(59.67% 0.1019 205.06) 67.3%, oklch(59.91% 0.1020 202.63) 69.1%, oklch(60.13% 0.1022 199.96) 70.9%, oklch(60.35% 0.1027 197.08) 72.7%, oklch(60.56% 0.1035 194.05) 74.5%, oklch(60.75% 0.1046 190.89) 76.4%, oklch(60.94% 0.1061 187.65) 78.2%, oklch(61.11% 0.1076 184.37) 80.0%, oklch(61.28% 0.1082 181.08) 81.8%, oklch(61.44% 0.1089 177.82) 83.6%, oklch(61.60% 0.1094 174.65) 85.5%, oklch(61.74% 0.1100 171.58) 87.3%, oklch(61.88% 0.1105 168.67) 89.1%, oklch(62.01% 0.1110 165.96) 90.9%, oklch(62.14% 0.1115 163.48) 92.7%, oklch(62.26% 0.1120 161.27) 94.5%, oklch(62.38% 0.1123 159.37) 96.4%, oklch(62.49% 0.1127 157.83) 98.2%, oklch(62.60% 0.1130 156.68) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.413 | 0.091 | 37.3 |
| 2 | 0.567 | 0.098 | 208.5 |
| 3 | 0.626 | 0.113 | 156.7 |

## In these collections

- [Teal and orange](https://grabient.com/teal-and-orange)

## Other forms

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