# Tritone teal, light green and brown linear gradient

Tritone teal, light green and brown linear gradient with 64 colors: #347ba3, #3380a4, #3387a6, #3590a8, #3b9aa9, #45a4a9, #54afa9, #65b9a8, #78c2a7, #8bcaa6, #9ed2a6, #afd8a6, #bedda8, #cae0a9, #d2e2aa, #d7e2ab, #d7e1aa, #d2dda8, #c8d8a5, #bbd0a1, #abc79c, #99bc98, #87b093, #75a38d, #649688, #558881, #487b7a, #3d6f73, #35636b, #2e5a64, #28525e, #234d59, #1f4a56, #1c4a53, #194b51, #184d4e, #1b514b, #225447, #2d5842, #3b5c3d, #4a6038, #5a6234, #696432, #776633, #836737, #8e693d, #956a44, #9b6b4a, #9e6c4e, #9f6d51, #a06e54, #a17055, #a07256, #9f7357, #9d7557, #9b7758, #997858, #967a59, #937b5a, #917c5c, #8e7d5d, #8c7e5e, #8b7e60, #8a7f61. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWjUSo8RqxrGSzBInCxzBDEI`
- Page: https://grabient.com/kWjUSo8RqxrGSzBInCxzBDEI?steps=64&angle=135
- Drawn as: linear gradient, 64 steps, 135 degrees
- Hues: wide
- Contrast of its darkest and lightest colors: 7.1 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 | `#347ba3` | `oklch(55.51% 0.0937 236.95)` | Prominent Blue | white, 4.6 to 1 |
| 2 | `#3380a4` | `oklch(56.86% 0.0930 232.24)` | Cendre Blue | black, 4.7 to 1 |
| 3 | `#3387a6` | `oklch(58.73% 0.0921 225.92)` | Underwater Moonlight | black, 5.1 to 1 |
| 4 | `#3590a8` | `oklch(61.02% 0.0911 218.25)` | Blue Moon | black, 5.7 to 1 |
| 5 | `#3b9aa9` | `oklch(63.65% 0.0899 209.51)` | Rainy Mood | black, 6.3 to 1 |
| 6 | `#45a4a9` | `oklch(66.53% 0.0887 199.95)` | Blue Racer | black, 7.1 to 1 |
| 7 | `#54afa9` | `oklch(69.57% 0.0874 189.84)` | Emerald Wave | black, 8 to 1 |
| 8 | `#65b9a8` | `oklch(72.67% 0.0860 179.44)` | Bath Turquoise | black, 9 to 1 |
| 9 | `#78c2a7` | `oklch(75.75% 0.0846 169.02)` | Gem Silica | black, 10 to 1 |
| 10 | `#8bcaa6` | `oklch(78.72% 0.0831 158.83)` | Park Green Flat | black, 11.1 to 1 |
| 11 | `#9ed2a6` | `oklch(81.49% 0.0816 149.15)` | Chinook | black, 12.1 to 1 |
| 12 | `#afd8a6` | `oklch(83.96% 0.0800 140.24)` | Fizz | black, 13.1 to 1 |
| 13 | `#bedda8` | `oklch(86.05% 0.0785 132.36)` | Embroidered Silk | black, 14 to 1 |
| 14 | `#cae0a9` | `oklch(87.68% 0.0770 125.77)` | Viridine Green | black, 14.7 to 1 |
| 15 | `#d2e2aa` | `oklch(88.74% 0.0755 120.74)` | Lime Cream | black, 15.2 to 1 |
| 16 | `#d7e2ab` | `oklch(89.15% 0.0741 117.53)` | Cocktail Onion | black, 15.3 to 1 |
| 17 | `#d7e1aa` | `oklch(88.82% 0.0727 116.43)` | Cocktail Onion | black, 15.2 to 1 |
| 18 | `#d2dda8` | `oklch(87.62% 0.0712 117.89)` | Willow Wind | black, 14.6 to 1 |
| 19 | `#c8d8a5` | `oklch(85.62% 0.0695 121.76)` | Cucumber Ice | black, 13.7 to 1 |
| 20 | `#bbd0a1` | `oklch(82.93% 0.0678 127.66)` | Fava Bean | black, 12.6 to 1 |
| 21 | `#abc79c` | `oklch(79.68% 0.0659 135.21)` | Geddy Green | black, 11.3 to 1 |
| 22 | `#99bc98` | `oklch(75.97% 0.0640 144.04)` | Quiet Green | black, 10 to 1 |
| 23 | `#87b093` | `oklch(71.93% 0.0621 153.76)` | Covent Garden | black, 8.6 to 1 |
| 24 | `#75a38d` | `oklch(67.66% 0.0602 164.01)` | Quilotoa Green | black, 7.4 to 1 |
| 25 | `#649688` | `oklch(63.29% 0.0584 174.40)` | Fiddler | black, 6.2 to 1 |
| 26 | `#558881` | `oklch(58.94% 0.0567 184.56)` | Wintergreen Dream | black, 5.2 to 1 |
| 27 | `#487b7a` | `oklch(54.71% 0.0552 194.12)` | Lucky Shamrock | white, 4.7 to 1 |
| 28 | `#3d6f73` | `oklch(50.73% 0.0538 202.69)` | Peabody | white, 5.6 to 1 |
| 29 | `#35636b` | `oklch(47.11% 0.0527 209.90)` | Mediterranea | white, 6.6 to 1 |
| 30 | `#2e5a64` | `oklch(43.97% 0.0518 215.37)` | Petro Blue | white, 7.6 to 1 |
| 31 | `#28525e` | `oklch(41.43% 0.0512 218.73)` | Blue Bayberry | white, 8.5 to 1 |
| 32 | `#234d59` | `oklch(39.59% 0.0510 219.60)` | Berry Blue Green | white, 9.2 to 1 |
| 33 | `#1f4a56` | `oklch(38.55% 0.0511 217.64)` | Night Swim | white, 9.6 to 1 |
| 34 | `#1c4a53` | `oklch(38.11% 0.0518 212.89)` | Mallard | white, 9.7 to 1 |
| 35 | `#194b51` | `oklch(38.19% 0.0530 205.71)` | Iron Teal | white, 9.7 to 1 |
| 36 | `#184d4e` | `oklch(38.72% 0.0547 196.47)` | Port Malmesbury | white, 9.4 to 1 |
| 37 | `#1b514b` | `oklch(39.63% 0.0566 185.52)` | Lacustral | white, 9 to 1 |
| 38 | `#225447` | `oklch(40.87% 0.0589 173.22)` | Bagpiper | white, 8.6 to 1 |
| 39 | `#2d5842` | `oklch(42.37% 0.0613 159.94)` | Green Stain | white, 8 to 1 |
| 40 | `#3b5c3d` | `oklch(44.06% 0.0637 146.03)` | Horsetail | white, 7.5 to 1 |
| 41 | `#4a6038` | `oklch(45.89% 0.0662 131.85)` | Lady Luck | white, 6.9 to 1 |
| 42 | `#5a6234` | `oklch(47.77% 0.0687 117.76)` | Inverness | white, 6.4 to 1 |
| 43 | `#696432` | `oklch(49.66% 0.0709 104.12)` | Jungle Civilization | white, 6 to 1 |
| 44 | `#776633` | `oklch(51.49% 0.0730 91.28)` | Himalaya | white, 5.6 to 1 |
| 45 | `#836737` | `oklch(53.20% 0.0747 79.62)` | Dirt Brown | white, 5.2 to 1 |
| 46 | `#8e693d` | `oklch(54.71% 0.0760 69.49)` | Spanish Leather | white, 4.9 to 1 |
| 47 | `#956a44` | `oklch(55.97% 0.0769 61.24)` | Gingerbread Brick | white, 4.7 to 1 |
| 48 | `#9b6b4a` | `oklch(56.91% 0.0772 55.24)` | Brown Eyes | white, 4.5 to 1 |
| 49 | `#9e6c4e` | `oklch(57.55% 0.0769 51.55)` | Brown Eyes | black, 4.6 to 1 |
| 50 | `#9f6d51` | `oklch(58.08% 0.0760 49.51)` | Whetstone Brown | black, 4.7 to 1 |
| 51 | `#a06e54` | `oklch(58.52% 0.0747 48.92)` | Whetstone Brown | black, 4.8 to 1 |
| 52 | `#a17055` | `oklch(58.86% 0.0729 49.59)` | Whetstone Brown | black, 4.9 to 1 |
| 53 | `#a07256` | `oklch(59.13% 0.0709 51.34)` | Ayrshire | black, 5 to 1 |
| 54 | `#9f7357` | `oklch(59.34% 0.0685 54.00)` | Ayrshire | black, 5 to 1 |
| 55 | `#9d7557` | `oklch(59.49% 0.0660 57.37)` | Ranch Brown | black, 5.1 to 1 |
| 56 | `#9b7758` | `oklch(59.59% 0.0633 61.28)` | Coco Rum | black, 5.1 to 1 |
| 57 | `#997858` | `oklch(59.65% 0.0606 65.54)` | Coco Rum | black, 5.1 to 1 |
| 58 | `#967a59` | `oklch(59.68% 0.0578 69.98)` | Beige Intuition | black, 5.2 to 1 |
| 59 | `#937b5a` | `oklch(59.70% 0.0552 74.41)` | Tweed | black, 5.2 to 1 |
| 60 | `#917c5c` | `oklch(59.71% 0.0527 78.65)` | Tweedy | black, 5.2 to 1 |
| 61 | `#8e7d5d` | `oklch(59.72% 0.0504 82.51)` | Prairie Grove | black, 5.2 to 1 |
| 62 | `#8c7e5e` | `oklch(59.73% 0.0484 85.83)` | Prairie Grove | black, 5.2 to 1 |
| 63 | `#8b7e60` | `oklch(59.77% 0.0467 88.40)` | Fingerpaint | black, 5.2 to 1 |
| 64 | `#8a7f61` | `oklch(59.84% 0.0455 90.06)` | Fingerpaint | black, 5.2 to 1 |

## CSS

```css
background: linear-gradient(135deg, #347ba3 0.0%, #3380a4 1.6%, #3387a6 3.2%, #3590a8 4.8%, #3b9aa9 6.3%, #45a4a9 7.9%, #54afa9 9.5%, #65b9a8 11.1%, #78c2a7 12.7%, #8bcaa6 14.3%, #9ed2a6 15.9%, #afd8a6 17.5%, #bedda8 19.0%, #cae0a9 20.6%, #d2e2aa 22.2%, #d7e2ab 23.8%, #d7e1aa 25.4%, #d2dda8 27.0%, #c8d8a5 28.6%, #bbd0a1 30.2%, #abc79c 31.7%, #99bc98 33.3%, #87b093 34.9%, #75a38d 36.5%, #649688 38.1%, #558881 39.7%, #487b7a 41.3%, #3d6f73 42.9%, #35636b 44.4%, #2e5a64 46.0%, #28525e 47.6%, #234d59 49.2%, #1f4a56 50.8%, #1c4a53 52.4%, #194b51 54.0%, #184d4e 55.6%, #1b514b 57.1%, #225447 58.7%, #2d5842 60.3%, #3b5c3d 61.9%, #4a6038 63.5%, #5a6234 65.1%, #696432 66.7%, #776633 68.3%, #836737 69.8%, #8e693d 71.4%, #956a44 73.0%, #9b6b4a 74.6%, #9e6c4e 76.2%, #9f6d51 77.8%, #a06e54 79.4%, #a17055 81.0%, #a07256 82.5%, #9f7357 84.1%, #9d7557 85.7%, #9b7758 87.3%, #997858 88.9%, #967a59 90.5%, #937b5a 92.1%, #917c5c 93.7%, #8e7d5d 95.2%, #8c7e5e 96.8%, #8b7e60 98.4%, #8a7f61 100.0%);
background: linear-gradient(135deg in oklch, oklch(55.51% 0.0937 236.95) 0.0%, oklch(56.86% 0.0930 232.24) 1.6%, oklch(58.73% 0.0921 225.92) 3.2%, oklch(61.02% 0.0911 218.25) 4.8%, oklch(63.65% 0.0899 209.51) 6.3%, oklch(66.53% 0.0887 199.95) 7.9%, oklch(69.57% 0.0874 189.84) 9.5%, oklch(72.67% 0.0860 179.44) 11.1%, oklch(75.75% 0.0846 169.02) 12.7%, oklch(78.72% 0.0831 158.83) 14.3%, oklch(81.49% 0.0816 149.15) 15.9%, oklch(83.96% 0.0800 140.24) 17.5%, oklch(86.05% 0.0785 132.36) 19.0%, oklch(87.68% 0.0770 125.77) 20.6%, oklch(88.74% 0.0755 120.74) 22.2%, oklch(89.15% 0.0741 117.53) 23.8%, oklch(88.82% 0.0727 116.43) 25.4%, oklch(87.62% 0.0712 117.89) 27.0%, oklch(85.62% 0.0695 121.76) 28.6%, oklch(82.93% 0.0678 127.66) 30.2%, oklch(79.68% 0.0659 135.21) 31.7%, oklch(75.97% 0.0640 144.04) 33.3%, oklch(71.93% 0.0621 153.76) 34.9%, oklch(67.66% 0.0602 164.01) 36.5%, oklch(63.29% 0.0584 174.40) 38.1%, oklch(58.94% 0.0567 184.56) 39.7%, oklch(54.71% 0.0552 194.12) 41.3%, oklch(50.73% 0.0538 202.69) 42.9%, oklch(47.11% 0.0527 209.90) 44.4%, oklch(43.97% 0.0518 215.37) 46.0%, oklch(41.43% 0.0512 218.73) 47.6%, oklch(39.59% 0.0510 219.60) 49.2%, oklch(38.55% 0.0511 217.64) 50.8%, oklch(38.11% 0.0518 212.89) 52.4%, oklch(38.19% 0.0530 205.71) 54.0%, oklch(38.72% 0.0547 196.47) 55.6%, oklch(39.63% 0.0566 185.52) 57.1%, oklch(40.87% 0.0589 173.22) 58.7%, oklch(42.37% 0.0613 159.94) 60.3%, oklch(44.06% 0.0637 146.03) 61.9%, oklch(45.89% 0.0662 131.85) 63.5%, oklch(47.77% 0.0687 117.76) 65.1%, oklch(49.66% 0.0709 104.12) 66.7%, oklch(51.49% 0.0730 91.28) 68.3%, oklch(53.20% 0.0747 79.62) 69.8%, oklch(54.71% 0.0760 69.49) 71.4%, oklch(55.97% 0.0769 61.24) 73.0%, oklch(56.91% 0.0772 55.24) 74.6%, oklch(57.55% 0.0769 51.55) 76.2%, oklch(58.08% 0.0760 49.51) 77.8%, oklch(58.52% 0.0747 48.92) 79.4%, oklch(58.86% 0.0729 49.59) 81.0%, oklch(59.13% 0.0709 51.34) 82.5%, oklch(59.34% 0.0685 54.00) 84.1%, oklch(59.49% 0.0660 57.37) 85.7%, oklch(59.59% 0.0633 61.28) 87.3%, oklch(59.65% 0.0606 65.54) 88.9%, oklch(59.68% 0.0578 69.98) 90.5%, oklch(59.70% 0.0552 74.41) 92.1%, oklch(59.71% 0.0527 78.65) 93.7%, oklch(59.72% 0.0504 82.51) 95.2%, oklch(59.73% 0.0484 85.83) 96.8%, oklch(59.77% 0.0467 88.40) 98.4%, oklch(59.84% 0.0455 90.06) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.555 | 0.094 | 237 |
| 2 | 0.89 | 0.073 | 116.5 |
| 3 | 0.39 | 0.051 | 219 |
| 4 | 0.571 | 0.077 | 54.1 |
| 5 | 0.598 | 0.045 | 90.1 |

## Other forms

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