# Tritone brown, teal and purple linear gradient

Tritone brown, teal and purple linear gradient with 8 colors: #533034, #4d4152, #4f7476, #4cac95, #53c1a6, #5da6a4, #646c91, #713b71. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kcWiUJsgw5MOPMjWo7z3ie_9YawjElUmOCdGA`
- Page: https://grabient.com/kcWiUJsgw5MOPMjWo7z3ie_9YawjElUmOCdGA?steps=8
- Drawn as: linear gradient, 8 steps, 90 degrees
- Kinds: light center, cool
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 5.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 | `#533034` | `oklch(35.43% 0.0510 13.36)` | Joyful Ruby | white, 11.3 to 1 |
| 2 | `#4d4152` | `oklch(39.37% 0.0331 316.29)` | Stone Violet | white, 9.5 to 1 |
| 3 | `#4f7476` | `oklch(53.15% 0.0413 200.05)` | Rogue Waters | white, 5.1 to 1 |
| 4 | `#4cac95` | `oklch(68.11% 0.0978 174.69)` | Hole in One | black, 7.6 to 1 |
| 5 | `#53c1a6` | `oklch(74.02% 0.1089 174.69)` | Eucalipto | black, 9.5 to 1 |
| 6 | `#5da6a4` | `oklch(67.72% 0.0730 193.71)` | Paradise Island | black, 7.4 to 1 |
| 7 | `#646c91` | `oklch(53.94% 0.0579 275.08)` | Haunt Mist | white, 5.1 to 1 |
| 8 | `#713b71` | `oklch(44.09% 0.1075 326.86)` | Eminence | white, 8.1 to 1 |

## CSS

```css
background: linear-gradient(90deg, #533034 0.0%, #4d4152 14.3%, #4f7476 28.6%, #4cac95 42.9%, #53c1a6 57.1%, #5da6a4 71.4%, #646c91 85.7%, #713b71 100.0%);
background: linear-gradient(90deg in oklch, oklch(35.43% 0.0510 13.36) 0.0%, oklch(39.37% 0.0331 316.29) 14.3%, oklch(53.15% 0.0413 200.05) 28.6%, oklch(68.11% 0.0978 174.69) 42.9%, oklch(74.02% 0.1089 174.69) 57.1%, oklch(67.72% 0.0730 193.71) 71.4%, oklch(53.94% 0.0579 275.08) 85.7%, oklch(44.09% 0.1075 326.86) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.354 | 0.051 | 13.4 |
| 2 | 0.394 | 0.033 | -43.7 |
| 3 | 0.531 | 0.041 | -159.9 |
| 4 | 0.681 | 0.098 | -185.3 |
| 5 | 0.74 | 0.109 | -185.3 |
| 6 | 0.677 | 0.073 | -166.3 |
| 7 | 0.539 | 0.058 | -84.9 |
| 8 | 0.441 | 0.107 | -33.1 |

## In these collections

- [Vintage gradients](https://grabient.com/vintage-gradients)

## Other forms

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