# Vivid peach, teal, orange and salmon linear gradient

Vivid peach, teal, orange and salmon linear gradient with 7 colors: #f3a25d, #5bbd91, #43a96c, #d9592d, #ffac9b, #aba677, #053e49. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWxl0q2KlPU8-LhsnEHKpTS4`
- Page: https://grabient.com/kWxl0q2KlPU8-LhsnEHKpTS4
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: vivid, multicolor
- Hues: wide
- 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 | `#f3a25d` | `oklch(77.95% 0.1281 59.77)` | Sandy Brown | black, 10.1 to 1 |
| 2 | `#5bbd91` | `oklch(72.69% 0.1132 162.43)` | Techno Turquoise | black, 9.1 to 1 |
| 3 | `#43a96c` | `oklch(66.00% 0.1325 154.01)` | Fresh Oregano | black, 7.1 to 1 |
| 4 | `#d9592d` | `oklch(62.20% 0.1709 38.63)` | Lāl Red | black, 5.4 to 1 |
| 5 | `#ffac9b` | `oklch(82.12% 0.1011 32.29)` | Pink Rose Bud | black, 11.6 to 1 |
| 6 | `#aba677` | `oklch(71.76% 0.0641 103.25)` | Olive Tree | black, 8.4 to 1 |
| 7 | `#053e49` | `oklch(33.46% 0.0565 215.11)` | Ghostlands Coal | white, 11.7 to 1 |

## CSS

```css
background: linear-gradient(90deg, #f3a25d 0.0%, #5bbd91 16.7%, #43a96c 33.3%, #d9592d 50.0%, #ffac9b 66.7%, #aba677 83.3%, #053e49 100.0%);
background: linear-gradient(90deg in oklch, oklch(77.95% 0.1281 59.77) 0.0%, oklch(72.69% 0.1132 162.43) 16.7%, oklch(66.00% 0.1325 154.01) 33.3%, oklch(62.20% 0.1709 38.63) 50.0%, oklch(82.12% 0.1011 32.29) 66.7%, oklch(71.76% 0.0641 103.25) 83.3%, oklch(33.46% 0.0565 215.11) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.78 | 0.128 | 59.8 |
| 2 | 0.697 | 0.113 | 189.7 |
| 3 | 0.622 | 0.171 | 38.6 |
| 4 | 0.854 | 0.077 | 54.5 |
| 5 | 0.335 | 0.056 | 215.1 |

## Other forms

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