# Tritone green, teal and tan linear gradient

Tritone green, teal and tan linear gradient with 7 colors: #9cb475, #7ab39b, #7caca8, #abae82, #d69f87, #929d63, #358c99. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUu0FZWhLHl8bLrLntNg`
- Page: https://grabient.com/kUu0FZWhLHl8bLrLntNg
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: muted
- Hues: wide
- Contrast of its darkest and lightest colors: 1.7 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 | `#9cb475` | `oklch(73.62% 0.0896 125.16)` | Florence | black, 9.2 to 1 |
| 2 | `#7ab39b` | `oklch(72.00% 0.0688 166.50)` | Beau Monde | black, 8.7 to 1 |
| 3 | `#7caca8` | `oklch(70.87% 0.0510 189.62)` | Solution | black, 8.3 to 1 |
| 4 | `#abae82` | `oklch(73.62% 0.0597 110.43)` | Wall Green | black, 9 to 1 |
| 5 | `#d69f87` | `oklch(74.80% 0.0744 43.79)` | Orange Maple | black, 9.1 to 1 |
| 6 | `#929d63` | `oklch(67.37% 0.0807 117.10)` | Vitality | black, 7.2 to 1 |
| 7 | `#358c99` | `oklch(59.45% 0.0841 208.64)` | Aqueous | black, 5.3 to 1 |

## CSS

```css
background: linear-gradient(90deg, #9cb475 0.0%, #7ab39b 16.7%, #7caca8 33.3%, #abae82 50.0%, #d69f87 66.7%, #929d63 83.3%, #358c99 100.0%);
background: linear-gradient(90deg in oklch, oklch(73.62% 0.0896 125.16) 0.0%, oklch(72.00% 0.0688 166.50) 16.7%, oklch(70.87% 0.0510 189.62) 33.3%, oklch(73.62% 0.0597 110.43) 50.0%, oklch(74.80% 0.0744 43.79) 66.7%, oklch(67.37% 0.0807 117.10) 83.3%, oklch(59.45% 0.0841 208.64) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.736 | 0.09 | 125.2 |
| 2 | 0.709 | 0.051 | 189.6 |
| 3 | 0.748 | 0.074 | 43.8 |
| 4 | 0.594 | 0.084 | 208.6 |

## In these collections

- [Coastal rockpool spring](https://grabient.com/coastal-rockpool-spring)

## Other forms

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