# Teal River, Green Banks

This diagonal gradient moves through teal, green, muted green, deep teal, teal, and vivid green. The complete visible route keeps the collection’s named color relationship clear while providing distinct light and dark areas for type, marks, and framing.

- Also called: Teal, green, black and light green linear gradient
- Seed: `kUxVqNxiS36KQSBwwDjg`
- Page: https://grabient.com/kUxVqNxiS36KQSBwwDjg?steps=32&angle=240
- Drawn as: linear gradient, 32 steps, 240 degrees
- Kinds: dark center, vivid
- Hues: wide
- Contrast of its darkest and lightest colors: 11.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 | `#2dced4` | `oklch(77.56% 0.1240 198.98)` | Jade Glass | black, 10.8 to 1 |
| 2 | `#2bcac9` | `oklch(76.30% 0.1228 194.53)` | Mermaid Net | black, 10.3 to 1 |
| 3 | `#2cc5bb` | `oklch(74.71% 0.1215 188.09)` | Swimmers Pool | black, 9.8 to 1 |
| 4 | `#33bfaa` | `oklch(72.85% 0.1199 180.22)` | Pure Cyan | black, 9.2 to 1 |
| 5 | `#3eb897` | `oklch(70.76% 0.1182 171.46)` | Green Blue | black, 8.5 to 1 |
| 6 | `#4ab084` | `oklch(68.48% 0.1162 162.38)` | Divot | black, 7.8 to 1 |
| 7 | `#54a771` | `oklch(66.06% 0.1139 153.53)` | Sēn Lín Lǜ Forest | black, 7.1 to 1 |
| 8 | `#5c9d60` | `oklch(63.56% 0.1114 145.46)` | Mosaic Green | black, 6.4 to 1 |
| 9 | `#609351` | `oklch(61.00% 0.1086 138.73)` | Field Time Green | black, 5.7 to 1 |
| 10 | `#618946` | `oklch(58.45% 0.1054 133.90)` | Homegrown | black, 5.1 to 1 |
| 11 | `#5e803e` | `oklch(55.94% 0.1019 131.51)` | Hot Pepper Green | black, 4.6 to 1 |
| 12 | `#57783a` | `oklch(53.30% 0.0975 132.18)` | Luck of the Irish | white, 5 to 1 |
| 13 | `#4a6f38` | `oklch(49.95% 0.0913 136.09)` | Gully Green | white, 5.8 to 1 |
| 14 | `#3b6438` | `oklch(46.09% 0.0837 142.55)` | Greenhouse | white, 6.8 to 1 |
| 15 | `#2b5937` | `oklch(41.98% 0.0753 150.85)` | Greenbriar | white, 8.1 to 1 |
| 16 | `#1c4d36` | `oklch(37.87% 0.0668 160.27)` | County Green | white, 9.7 to 1 |
| 17 | `#0f4233` | `oklch(34.03% 0.0586 170.08)` | UP Forest Green | white, 11.4 to 1 |
| 18 | `#073830` | `oklch(30.71% 0.0515 179.57)` | Night Turquoise | white, 12.9 to 1 |
| 19 | `#04302d` | `oklch(28.17% 0.0461 188.03)` | Roof Tile Green | white, 14.2 to 1 |
| 20 | `#032c2c` | `oklch(26.66% 0.0429 194.73)` | Black Chasm | white, 14.9 to 1 |
| 21 | `#032b2d` | `oklch(26.46% 0.0425 198.95)` | Black Box | white, 15 to 1 |
| 22 | `#022f31` | `oklch(27.83% 0.0456 200.03)` | Roof Tile Green | white, 14.4 to 1 |
| 23 | `#00393a` | `oklch(31.16% 0.0529 198.23)` | Customs Green | white, 12.7 to 1 |
| 24 | `#004847` | `oklch(36.20% 0.0619 194.17)` | Cyprus | white, 10.4 to 1 |
| 25 | `#005b56` | `oklch(42.53% 0.0739 188.32)` | Dark Turquoise | white, 7.9 to 1 |
| 26 | `#007366` | `oklch(49.74% 0.0895 181.23)` | Pharaoh’s Gem | white, 5.7 to 1 |
| 27 | `#028d73` | `oklch(57.42% 0.1095 173.41)` | Observatory | black, 5 to 1 |
| 28 | `#26a77d` | `oklch(65.17% 0.1261 165.34)` | Active Green | black, 6.9 to 1 |
| 29 | `#46c183` | `oklch(72.57% 0.1420 157.54)` | Greenish Teal | black, 9.1 to 1 |
| 30 | `#65d785` | `oklch(79.21% 0.1562 150.52)` | Electric Lettuce | black, 11.6 to 1 |
| 31 | `#80e985` | `oklch(84.69% 0.1680 144.79)` | Ragweed | black, 13.9 to 1 |
| 32 | `#94f684` | `oklch(88.58% 0.1764 140.86)` | Radar Blip Green | black, 15.7 to 1 |

## CSS

```css
background: linear-gradient(240deg, #2dced4 0.0%, #2bcac9 3.2%, #2cc5bb 6.5%, #33bfaa 9.7%, #3eb897 12.9%, #4ab084 16.1%, #54a771 19.4%, #5c9d60 22.6%, #609351 25.8%, #618946 29.0%, #5e803e 32.3%, #57783a 35.5%, #4a6f38 38.7%, #3b6438 41.9%, #2b5937 45.2%, #1c4d36 48.4%, #0f4233 51.6%, #073830 54.8%, #04302d 58.1%, #032c2c 61.3%, #032b2d 64.5%, #022f31 67.7%, #00393a 71.0%, #004847 74.2%, #005b56 77.4%, #007366 80.6%, #028d73 83.9%, #26a77d 87.1%, #46c183 90.3%, #65d785 93.5%, #80e985 96.8%, #94f684 100.0%);
background: linear-gradient(240deg in oklch, oklch(77.56% 0.1240 198.98) 0.0%, oklch(76.30% 0.1228 194.53) 3.2%, oklch(74.71% 0.1215 188.09) 6.5%, oklch(72.85% 0.1199 180.22) 9.7%, oklch(70.76% 0.1182 171.46) 12.9%, oklch(68.48% 0.1162 162.38) 16.1%, oklch(66.06% 0.1139 153.53) 19.4%, oklch(63.56% 0.1114 145.46) 22.6%, oklch(61.00% 0.1086 138.73) 25.8%, oklch(58.45% 0.1054 133.90) 29.0%, oklch(55.94% 0.1019 131.51) 32.3%, oklch(53.30% 0.0975 132.18) 35.5%, oklch(49.95% 0.0913 136.09) 38.7%, oklch(46.09% 0.0837 142.55) 41.9%, oklch(41.98% 0.0753 150.85) 45.2%, oklch(37.87% 0.0668 160.27) 48.4%, oklch(34.03% 0.0586 170.08) 51.6%, oklch(30.71% 0.0515 179.57) 54.8%, oklch(28.17% 0.0461 188.03) 58.1%, oklch(26.66% 0.0429 194.73) 61.3%, oklch(26.46% 0.0425 198.95) 64.5%, oklch(27.83% 0.0456 200.03) 67.7%, oklch(31.16% 0.0529 198.23) 71.0%, oklch(36.20% 0.0619 194.17) 74.2%, oklch(42.53% 0.0739 188.32) 77.4%, oklch(49.74% 0.0895 181.23) 80.6%, oklch(57.42% 0.1095 173.41) 83.9%, oklch(65.17% 0.1261 165.34) 87.1%, oklch(72.57% 0.1420 157.54) 90.3%, oklch(79.21% 0.1562 150.52) 93.5%, oklch(84.69% 0.1680 144.79) 96.8%, oklch(88.58% 0.1764 140.86) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.776 | 0.124 | 199 |
| 2 | 0.551 | 0.101 | 131.4 |
| 3 | 0.272 | 0.044 | 200 |
| 4 | 0.886 | 0.176 | 140.9 |

## In these collections

- [Blue and green gradients](https://grabient.com/blue-and-green-gradients)

## Other forms

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