# Tritone orange, purple and blue linear gradient

Tritone orange, purple and blue linear gradient with 7 colors: #df9827, #ba7139, #7e4165, #46338e, #1f44b8, #416dc3, #7d97ae. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYumk0Syi87UktQ0wzpwrm_dSQvW`
- Page: https://grabient.com/kYumk0Syi87UktQ0wzpwrm_dSQvW
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: dark center, multicolor
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 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 | `#df9827` | `oklch(73.23% 0.1447 73.13)` | Kingpin Gold | black, 8.6 to 1 |
| 2 | `#ba7139` | `oklch(61.76% 0.1162 56.14)` | Lucky Penny | black, 5.5 to 1 |
| 3 | `#7e4165` | `oklch(46.37% 0.0964 345.57)` | Magician’s Cloak | white, 7.4 to 1 |
| 4 | `#46338e` | `oklch(39.76% 0.1436 287.10)` | Majestic Eggplant | white, 9.8 to 1 |
| 5 | `#1f44b8` | `oklch(44.05% 0.1873 265.41)` | Denim | white, 8.1 to 1 |
| 6 | `#416dc3` | `oklch(54.71% 0.1433 262.31)` | Palace Blue | white, 5 to 1 |
| 7 | `#7d97ae` | `oklch(66.54% 0.0455 243.97)` | Dyer’s Woad | black, 6.9 to 1 |

## CSS

```css
background: linear-gradient(90deg, #df9827 0.0%, #ba7139 16.7%, #7e4165 33.3%, #46338e 50.0%, #1f44b8 66.7%, #416dc3 83.3%, #7d97ae 100.0%);
background: linear-gradient(90deg in oklch, oklch(73.23% 0.1447 73.13) 0.0%, oklch(61.76% 0.1162 56.14) 16.7%, oklch(46.37% 0.0964 345.57) 33.3%, oklch(39.76% 0.1436 287.10) 50.0%, oklch(44.05% 0.1873 265.41) 66.7%, oklch(54.71% 0.1433 262.31) 83.3%, oklch(66.54% 0.0455 243.97) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.732 | 0.145 | 73.1 |
| 2 | 0.591 | 0.112 | 47.8 |
| 3 | 0.417 | 0.101 | -44.2 |
| 4 | 0.413 | 0.185 | -90.7 |
| 5 | 0.524 | 0.158 | -94.9 |
| 6 | 0.665 | 0.045 | -116 |

## In these collections

- [Runway flash photography](https://grabient.com/runway-flash-photography)

## Other forms

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