# Dark purple, maroon and peach linear gradient

Dark purple, maroon and peach linear gradient with 7 colors: #280b29, #591437, #92283f, #c44652, #e86b68, #f9957c, #f8b996. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWNjDoMS3Esi6wVcNUEah_Cg`
- Page: https://grabient.com/kWNjDoMS3Esi6wVcNUEah_Cg
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: dark to light, vivid, warm, multicolor
- Hues: analogous
- Contrast of its darkest and lightest colors: 10.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 | `#280b29` | `oklch(21.26% 0.0661 326.25)` | Dark Prom Queen | white, 17.9 to 1 |
| 2 | `#591437` | `oklch(32.08% 0.1052 353.65)` | Tulip Poplar Purple | white, 13.3 to 1 |
| 3 | `#92283f` | `oklch(44.78% 0.1410 12.47)` | Rumba Red | white, 8.1 to 1 |
| 4 | `#c44652` | `oklch(57.09% 0.1612 18.03)` | English Coral | white, 4.8 to 1 |
| 5 | `#e86b68` | `oklch(67.76% 0.1563 23.51)` | Porcelain Rose | black, 6.7 to 1 |
| 6 | `#f9957c` | `oklch(76.84% 0.1274 34.82)` | Parma Ham | black, 9.6 to 1 |
| 7 | `#f8b996` | `oklch(83.46% 0.0868 49.73)` | Peach Parfait | black, 12.3 to 1 |

## CSS

```css
background: linear-gradient(90deg, #280b29 0.0%, #591437 16.7%, #92283f 33.3%, #c44652 50.0%, #e86b68 66.7%, #f9957c 83.3%, #f8b996 100.0%);
background: linear-gradient(90deg in oklch, oklch(21.26% 0.0661 326.25) 0.0%, oklch(32.08% 0.1052 353.65) 16.7%, oklch(44.78% 0.1410 12.47) 33.3%, oklch(57.09% 0.1612 18.03) 50.0%, oklch(67.76% 0.1563 23.51) 66.7%, oklch(76.84% 0.1274 34.82) 83.3%, oklch(83.46% 0.0868 49.73) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.213 | 0.066 | 326.3 |
| 2 | 0.386 | 0.125 | 366.4 |
| 3 | 0.571 | 0.161 | 378 |
| 4 | 0.724 | 0.146 | 387.5 |
| 5 | 0.835 | 0.087 | 409.7 |

## In these collections

- [Equinox twilight horizon](https://grabient.com/equinox-twilight-horizon)
- [Astronomy false color gradients](https://grabient.com/astronomy-false-color-gradients)

## Other forms

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