# Tritone tan, green and teal linear gradient

Tritone tan, green and teal linear gradient with 32 colors: #e8cd7d, #e3cd7c, #ddce7c, #d6cd7d, #cecd7e, #c6cd80, #bdcd82, #b3cc85, #aacb87, #a1ca8a, #99c98d, #92c78f, #8ac691, #82c494, #79c396, #71c198, #69bf9b, #60bd9d, #58bb9f, #51b9a1, #49b7a2, #42b4a4, #3cb2a5, #35afa5, #2faca6, #29a9a6, #23a6a6, #1da4a5, #18a1a5, #129fa5, #0d9da5, #089ca4. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kU2UxB46NFtmmRLQJsJg`
- Page: https://grabient.com/kU2UxB46NFtmmRLQJsJg?steps=32&angle=225
- Drawn as: linear gradient, 32 steps, 225 degrees
- Kinds: pastel
- Hues: wide
- Contrast of its darkest and lightest colors: 2.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 | `#e8cd7d` | `oklch(85.43% 0.1047 92.11)` | Choux à la Crème | black, 13.4 to 1 |
| 2 | `#e3cd7c` | `oklch(85.03% 0.1042 94.93)` | Master Gardener | black, 13.3 to 1 |
| 3 | `#ddce7c` | `oklch(84.52% 0.1034 98.59)` | Sand Pyramid | black, 13.1 to 1 |
| 4 | `#d6cd7d` | `oklch(83.92% 0.1024 102.92)` | Spring Grass | black, 12.9 to 1 |
| 5 | `#cecd7e` | `oklch(83.24% 0.1014 107.78)` | Deco | black, 12.7 to 1 |
| 6 | `#c6cd80` | `oklch(82.51% 0.1003 113.01)` | Lime Sorbet Green | black, 12.4 to 1 |
| 7 | `#bdcd82` | `oklch(81.74% 0.0992 118.45)` | Alien Breed | black, 12.1 to 1 |
| 8 | `#b3cc85` | `oklch(80.94% 0.0982 123.95)` | Nurgling Green | black, 11.8 to 1 |
| 9 | `#aacb87` | `oklch(80.14% 0.0974 129.36)` | Gentle Landscape | black, 11.6 to 1 |
| 10 | `#a1ca8a` | `oklch(79.35% 0.0968 134.51)` | Whipped Pistachio | black, 11.3 to 1 |
| 11 | `#99c98d` | `oklch(78.59% 0.0965 139.26)` | Kettle Drum | black, 11 to 1 |
| 12 | `#92c78f` | `oklch(77.86% 0.0965 143.59)` | Good Luck Charm | black, 10.8 to 1 |
| 13 | `#8ac691` | `oklch(77.12% 0.0969 147.88)` | Good Luck Charm | black, 10.5 to 1 |
| 14 | `#82c494` | `oklch(76.36% 0.0976 152.15)` | Willow Hedge | black, 10.3 to 1 |
| 15 | `#79c396` | `oklch(75.59% 0.0984 156.37)` | Felt Green | black, 10 to 1 |
| 16 | `#71c198` | `oklch(74.82% 0.0995 160.49)` | Felt Green | black, 9.7 to 1 |
| 17 | `#69bf9b` | `oklch(74.05% 0.1005 164.51)` | Peppermint Fresh | black, 9.5 to 1 |
| 18 | `#60bd9d` | `oklch(73.27% 0.1016 168.38)` | Peppermint Fresh | black, 9.2 to 1 |
| 19 | `#58bb9f` | `oklch(72.50% 0.1027 172.07)` | Puerto Rico | black, 9 to 1 |
| 20 | `#51b9a1` | `oklch(71.73% 0.1036 175.57)` | Puerto Rico | black, 8.7 to 1 |
| 21 | `#49b7a2` | `oklch(70.97% 0.1044 178.84)` | Sacred Turquoise | black, 8.5 to 1 |
| 22 | `#42b4a4` | `oklch(70.22% 0.1049 181.86)` | Sacred Turquoise | black, 8.3 to 1 |
| 23 | `#3cb2a5` | `oklch(69.43% 0.1052 184.69)` | Island Moment | black, 8 to 1 |
| 24 | `#35afa5` | `oklch(68.61% 0.1055 187.35)` | Waterfall | black, 7.8 to 1 |
| 25 | `#2faca6` | `oklch(67.77% 0.1057 189.85)` | Tropical Tree | black, 7.5 to 1 |
| 26 | `#29a9a6` | `oklch(66.93% 0.1059 192.16)` | Blue Island | black, 7.3 to 1 |
| 27 | `#23a6a6` | `oklch(66.11% 0.1059 194.30)` | Royal Cloak | black, 7.1 to 1 |
| 28 | `#1da4a5` | `oklch(65.33% 0.1060 196.24)` | Royal Cloak | black, 6.8 to 1 |
| 29 | `#18a1a5` | `oklch(64.61% 0.1060 197.99)` | Ducati | black, 6.6 to 1 |
| 30 | `#129fa5` | `oklch(63.96% 0.1060 199.54)` | Ducati | black, 6.5 to 1 |
| 31 | `#0d9da5` | `oklch(63.42% 0.1061 200.88)` | Turkish Boy | black, 6.3 to 1 |
| 32 | `#089ca4` | `oklch(62.99% 0.1061 202.01)` | Turkish Boy | black, 6.2 to 1 |

## CSS

```css
background: linear-gradient(225deg, #e8cd7d 0.0%, #e3cd7c 3.2%, #ddce7c 6.5%, #d6cd7d 9.7%, #cecd7e 12.9%, #c6cd80 16.1%, #bdcd82 19.4%, #b3cc85 22.6%, #aacb87 25.8%, #a1ca8a 29.0%, #99c98d 32.3%, #92c78f 35.5%, #8ac691 38.7%, #82c494 41.9%, #79c396 45.2%, #71c198 48.4%, #69bf9b 51.6%, #60bd9d 54.8%, #58bb9f 58.1%, #51b9a1 61.3%, #49b7a2 64.5%, #42b4a4 67.7%, #3cb2a5 71.0%, #35afa5 74.2%, #2faca6 77.4%, #29a9a6 80.6%, #23a6a6 83.9%, #1da4a5 87.1%, #18a1a5 90.3%, #129fa5 93.5%, #0d9da5 96.8%, #089ca4 100.0%);
background: linear-gradient(225deg in oklch, oklch(85.43% 0.1047 92.11) 0.0%, oklch(85.03% 0.1042 94.93) 3.2%, oklch(84.52% 0.1034 98.59) 6.5%, oklch(83.92% 0.1024 102.92) 9.7%, oklch(83.24% 0.1014 107.78) 12.9%, oklch(82.51% 0.1003 113.01) 16.1%, oklch(81.74% 0.0992 118.45) 19.4%, oklch(80.94% 0.0982 123.95) 22.6%, oklch(80.14% 0.0974 129.36) 25.8%, oklch(79.35% 0.0968 134.51) 29.0%, oklch(78.59% 0.0965 139.26) 32.3%, oklch(77.86% 0.0965 143.59) 35.5%, oklch(77.12% 0.0969 147.88) 38.7%, oklch(76.36% 0.0976 152.15) 41.9%, oklch(75.59% 0.0984 156.37) 45.2%, oklch(74.82% 0.0995 160.49) 48.4%, oklch(74.05% 0.1005 164.51) 51.6%, oklch(73.27% 0.1016 168.38) 54.8%, oklch(72.50% 0.1027 172.07) 58.1%, oklch(71.73% 0.1036 175.57) 61.3%, oklch(70.97% 0.1044 178.84) 64.5%, oklch(70.22% 0.1049 181.86) 67.7%, oklch(69.43% 0.1052 184.69) 71.0%, oklch(68.61% 0.1055 187.35) 74.2%, oklch(67.77% 0.1057 189.85) 77.4%, oklch(66.93% 0.1059 192.16) 80.6%, oklch(66.11% 0.1059 194.30) 83.9%, oklch(65.33% 0.1060 196.24) 87.1%, oklch(64.61% 0.1060 197.99) 90.3%, oklch(63.96% 0.1060 199.54) 93.5%, oklch(63.42% 0.1061 200.88) 96.8%, oklch(62.99% 0.1061 202.01) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.854 | 0.105 | 92.1 |
| 2 | 0.783 | 0.096 | 140.7 |
| 3 | 0.705 | 0.105 | 180.9 |
| 4 | 0.63 | 0.106 | 202 |

## In these collections

- [Summer gradients](https://grabient.com/summer-gradients)
- [Retro gradients](https://grabient.com/retro-gradients)

## Other forms

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