# Vivid tritone purple, orange and salmon linear gradient

Vivid tritone purple, orange and salmon linear gradient with 7 colors: #6b2e83, #f28b4f, #dc7c57, #3e1f5c, #9e364e, #da7500, #f28d26. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWbGngZ7POKgmsHMuEv3brBg`
- Page: https://grabient.com/kWbGngZ7POKgmsHMuEv3brBg
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: dark center, vivid, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 5.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 | `#6b2e83` | `oklch(42.52% 0.1447 315.00)` | Galactic Grapevine | white, 8.9 to 1 |
| 2 | `#f28b4f` | `oklch(73.65% 0.1454 49.48)` | Poppy Glow | black, 8.5 to 1 |
| 3 | `#dc7c57` | `oklch(68.50% 0.1293 41.81)` | Deep Coral | black, 7 to 1 |
| 4 | `#3e1f5c` | `oklch(31.50% 0.1061 304.43)` | Christalle | white, 13.5 to 1 |
| 5 | `#9e364e` | `oklch(48.88% 0.1382 9.95)` | Raspberry Ice Red | white, 6.7 to 1 |
| 6 | `#da7500` | `oklch(66.33% 0.1597 57.44)` | Orange Outburst | black, 6.5 to 1 |
| 7 | `#f28d26` | `oklch(73.62% 0.1612 59.62)` | Sun | black, 8.6 to 1 |

## CSS

```css
background: linear-gradient(90deg, #6b2e83 0.0%, #f28b4f 16.7%, #dc7c57 33.3%, #3e1f5c 50.0%, #9e364e 66.7%, #da7500 83.3%, #f28d26 100.0%);
background: linear-gradient(90deg in oklch, oklch(42.52% 0.1447 315.00) 0.0%, oklch(73.65% 0.1454 49.48) 16.7%, oklch(68.50% 0.1293 41.81) 33.3%, oklch(31.50% 0.1061 304.43) 50.0%, oklch(48.88% 0.1382 9.95) 66.7%, oklch(66.33% 0.1597 57.44) 83.3%, oklch(73.62% 0.1612 59.62) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.425 | 0.145 | 315 |
| 2 | 0.815 | 0.142 | 435.5 |
| 3 | 0.315 | 0.106 | 304.4 |
| 4 | 0.602 | 0.154 | 405.9 |
| 5 | 0.736 | 0.161 | 419.6 |

## Other forms

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