# Tritone dark green, teal and blue linear gradient

Tritone dark green, teal and blue linear gradient with 7 colors: #1b4e31, #146b39, #498e42, #6fac60, #0e90ba, #525baf, #2640a8. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWYTZuwi6_VctvrGq07tb3AA`
- Page: https://grabient.com/kWYTZuwi6_VctvrGq07tb3AA
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: light center, vivid, cool
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 3.5 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 | `#1b4e31` | `oklch(38.19% 0.0744 155.39)` | Order Green | white, 9.5 to 1 |
| 2 | `#146b39` | `oklch(46.66% 0.1124 152.46)` | Cadmium Green | white, 6.5 to 1 |
| 3 | `#498e42` | `oklch(58.37% 0.1316 141.89)` | Lush Grass | black, 5.2 to 1 |
| 4 | `#6fac60` | `oklch(68.50% 0.1254 139.54)` | Ferntastic | black, 7.7 to 1 |
| 5 | `#0e90ba` | `oklch(60.97% 0.1167 228.31)` | Swimmer | black, 5.6 to 1 |
| 6 | `#525baf` | `oklch(50.58% 0.1331 276.06)` | Chinese Bellflower | white, 6 to 1 |
| 7 | `#2640a8` | `oklch(42.13% 0.1695 267.41)` | Yuè Guāng Lán Blue | white, 8.8 to 1 |

## CSS

```css
background: linear-gradient(90deg, #1b4e31 0.0%, #146b39 16.7%, #498e42 33.3%, #6fac60 50.0%, #0e90ba 66.7%, #525baf 83.3%, #2640a8 100.0%);
background: linear-gradient(90deg in oklch, oklch(38.19% 0.0744 155.39) 0.0%, oklch(46.66% 0.1124 152.46) 16.7%, oklch(58.37% 0.1316 141.89) 33.3%, oklch(68.50% 0.1254 139.54) 50.0%, oklch(60.97% 0.1167 228.31) 66.7%, oklch(50.58% 0.1331 276.06) 83.3%, oklch(42.13% 0.1695 267.41) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.382 | 0.074 | 155.4 |
| 2 | 0.52 | 0.128 | 150.1 |
| 3 | 0.685 | 0.125 | 139.5 |
| 4 | 0.555 | 0.119 | 266.3 |
| 5 | 0.421 | 0.169 | 267.4 |

## In these collections

- [Secondary color swatches](https://grabient.com/secondary-color-swatches)
- [Blue and green swatches](https://grabient.com/blue-and-green-swatches)

## Other forms

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