# Tritone blue, green and brown linear gradient

Tritone blue, green and brown linear gradient with 7 colors: #6f8ca3, #62a588, #c69d45, #dc9a51, #d99b55, #d18b51, #c57c4c. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUnyOs2yotN2pvhTKL4A`
- Page: https://grabient.com/kUnyOs2yotN2pvhTKL4A
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: even lightness, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 1.4 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 | `#6f8ca3` | `oklch(62.60% 0.0482 242.58)` | Bermuda Grey | black, 5.9 to 1 |
| 2 | `#62a588` | `oklch(67.00% 0.0821 164.31)` | Plumosa | black, 7.2 to 1 |
| 3 | `#c69d45` | `oklch(71.65% 0.1157 84.07)` | Goldie | black, 8.2 to 1 |
| 4 | `#dc9a51` | `oklch(73.72% 0.1195 67.22)` | Shawarma | black, 8.8 to 1 |
| 5 | `#d99b55` | `oklch(73.62% 0.1144 68.21)` | Poseidon’s Gold | black, 8.7 to 1 |
| 6 | `#d18b51` | `oklch(69.61% 0.1129 59.30)` | Orange Nectar Bat | black, 7.5 to 1 |
| 7 | `#c57c4c` | `oklch(65.35% 0.1116 52.36)` | Fuegan Orange | black, 6.3 to 1 |

## CSS

```css
background: linear-gradient(90deg, #6f8ca3 0.0%, #62a588 16.7%, #c69d45 33.3%, #dc9a51 50.0%, #d99b55 66.7%, #d18b51 83.3%, #c57c4c 100.0%);
background: linear-gradient(90deg in oklch, oklch(62.60% 0.0482 242.58) 0.0%, oklch(67.00% 0.0821 164.31) 16.7%, oklch(71.65% 0.1157 84.07) 33.3%, oklch(73.72% 0.1195 67.22) 50.0%, oklch(73.62% 0.1144 68.21) 66.7%, oklch(69.61% 0.1129 59.30) 83.3%, oklch(65.35% 0.1116 52.36) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.626 | 0.048 | 242.6 |
| 2 | 0.717 | 0.116 | 84.1 |
| 3 | 0.736 | 0.114 | 68.2 |
| 4 | 0.654 | 0.112 | 52.4 |

## In these collections

- [Spring thunder over veld](https://grabient.com/spring-thunder-over-veld)

## Other forms

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