# Tritone yellow, purple and blue linear gradient

Tritone yellow, purple and blue linear gradient with 7 colors: #e7db28, #d8c500, #af9960, #94606e, #4443ac, #2913dc, #1321e8. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kY3oFLZTu_VCTPG8qy_Nl09Thkvy`
- Page: https://grabient.com/kY3oFLZTu_VCTPG8qy_Nl09Thkvy
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: light to dark, vivid, multicolor
- Hues: complementary
- Contrast of its darkest and lightest colors: 6.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 | `#e7db28` | `oklch(87.40% 0.1778 105.47)` | Lovely Lemonade | black, 14.5 to 1 |
| 2 | `#d8c500` | `oklch(81.41% 0.1708 102.53)` | Barberry Bush | black, 11.9 to 1 |
| 3 | `#af9960` | `oklch(69.04% 0.0800 89.27)` | Edgy Gold | black, 7.5 to 1 |
| 4 | `#94606e` | `oklch(54.82% 0.0698 1.97)` | Mauve Taupe | white, 5 to 1 |
| 5 | `#4443ac` | `oklch(44.90% 0.1635 277.84)` | Megadrive Screen | white, 7.9 to 1 |
| 6 | `#2913dc` | `oklch(42.41% 0.2668 270.04)` | Lapis on Neptune | white, 9.4 to 1 |
| 7 | `#1321e8` | `oklch(44.09% 0.2770 265.74)` | Slice of Heaven | white, 8.7 to 1 |

## CSS

```css
background: linear-gradient(90deg, #e7db28 0.0%, #d8c500 16.7%, #af9960 33.3%, #94606e 50.0%, #4443ac 66.7%, #2913dc 83.3%, #1321e8 100.0%);
background: linear-gradient(90deg in oklch, oklch(87.40% 0.1778 105.47) 0.0%, oklch(81.41% 0.1708 102.53) 16.7%, oklch(69.04% 0.0800 89.27) 33.3%, oklch(54.82% 0.0698 1.97) 50.0%, oklch(44.90% 0.1635 277.84) 66.7%, oklch(42.41% 0.2668 270.04) 83.3%, oklch(44.09% 0.2770 265.74) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.874 | 0.178 | 105.5 |
| 2 | 0.795 | 0.164 | 100.2 |
| 3 | 0.634 | 0.052 | 70.6 |
| 4 | 0.476 | 0.119 | -65.7 |
| 5 | 0.425 | 0.256 | -87.9 |
| 6 | 0.441 | 0.277 | -94.3 |

## In these collections

- [Composition notebook doodles](https://grabient.com/composition-notebook-doodles)

## Other forms

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