# Tritone dark blue, teal and light green linear gradient

Tritone dark blue, teal and light green linear gradient with 7 colors: #121063, #074370, #23759c, #16a9ac, #4ecf8b, #79e95f, #a2f57d. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYQWTBsyE8kumPdcrTk6Uo83E_P0`
- Page: https://grabient.com/kYQWTBsyE8kumPdcrTk6Uo83E_P0
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: dark to light, vivid
- Hues: two-hue
- Contrast of its darkest and lightest colors: 12.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 | `#121063` | `oklch(25.59% 0.1378 272.11)` | Dying Storm Blue | white, 16.3 to 1 |
| 2 | `#074370` | `oklch(37.29% 0.0958 248.05)` | Epic Adventure | white, 10.2 to 1 |
| 3 | `#23759c` | `oklch(53.28% 0.0975 234.11)` | Bateau | white, 5.1 to 1 |
| 4 | `#16a9ac` | `oklch(66.73% 0.1102 197.61)` | Fiji | black, 7.2 to 1 |
| 5 | `#4ecf8b` | `oklch(76.51% 0.1502 156.69)` | Spring Bouquet | black, 10.5 to 1 |
| 6 | `#79e95f` | `oklch(84.00% 0.2049 139.96)` | Amazon Parrot | black, 13.6 to 1 |
| 7 | `#a2f57d` | `oklch(88.98% 0.1736 136.85)` | Radar Blip Green | black, 15.8 to 1 |

## CSS

```css
background: linear-gradient(90deg, #121063 0.0%, #074370 16.7%, #23759c 33.3%, #16a9ac 50.0%, #4ecf8b 66.7%, #79e95f 83.3%, #a2f57d 100.0%);
background: linear-gradient(90deg in oklch, oklch(25.59% 0.1378 272.11) 0.0%, oklch(37.29% 0.0958 248.05) 16.7%, oklch(53.28% 0.0975 234.11) 33.3%, oklch(66.73% 0.1102 197.61) 50.0%, oklch(76.51% 0.1502 156.69) 66.7%, oklch(84.00% 0.2049 139.96) 83.3%, oklch(88.98% 0.1736 136.85) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.256 | 0.138 | 272.1 |
| 2 | 0.402 | 0.091 | 243.6 |
| 3 | 0.594 | 0.105 | 225.6 |
| 4 | 0.728 | 0.124 | 168.5 |
| 5 | 0.827 | 0.204 | 142.1 |
| 6 | 0.89 | 0.174 | 136.8 |

## Other forms

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