# Dark purple, orange and tan linear gradient

Dark purple, orange and tan linear gradient with 7 colors: #3a1f4a, #6a3364, #a9496e, #e06759, #f29152, #f9bc68, #ffe08a. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWSzvdvSrD1O4RTkL8P9ChDI`
- Page: https://grabient.com/kWSzvdvSrD1O4RTkL8P9ChDI
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: dark to light, warm, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 11 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 | `#3a1f4a` | `oklch(29.53% 0.0813 311.48)` | Obsidian Orchid | white, 14.3 to 1 |
| 2 | `#6a3364` | `oklch(41.24% 0.1038 331.25)` | Gloxinia | white, 9.2 to 1 |
| 3 | `#a9496e` | `oklch(54.17% 0.1317 358.57)` | Fuchsia Flock | white, 5.4 to 1 |
| 4 | `#e06759` | `oklch(65.75% 0.1543 28.63)` | Coralite | black, 6.2 to 1 |
| 5 | `#f29152` | `oklch(74.61% 0.1408 52.03)` | Chinese Lantern | black, 8.9 to 1 |
| 6 | `#f9bc68` | `oklch(83.44% 0.1230 73.09)` | California Peach | black, 12.4 to 1 |
| 7 | `#ffe08a` | `oklch(91.34% 0.1102 89.92)` | Yellow Corn | black, 16.2 to 1 |

## CSS

```css
background: linear-gradient(90deg, #3a1f4a 0.0%, #6a3364 16.7%, #a9496e 33.3%, #e06759 50.0%, #f29152 66.7%, #f9bc68 83.3%, #ffe08a 100.0%);
background: linear-gradient(90deg in oklch, oklch(29.53% 0.0813 311.48) 0.0%, oklch(41.24% 0.1038 331.25) 16.7%, oklch(54.17% 0.1317 358.57) 33.3%, oklch(65.75% 0.1543 28.63) 50.0%, oklch(74.61% 0.1408 52.03) 66.7%, oklch(83.44% 0.1230 73.09) 83.3%, oklch(91.34% 0.1102 89.92) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.295 | 0.081 | 311.5 |
| 2 | 0.48 | 0.117 | 344.2 |
| 3 | 0.657 | 0.154 | 388.6 |
| 4 | 0.787 | 0.131 | 422.4 |
| 5 | 0.913 | 0.11 | 449.9 |

## In these collections

- [Liminal Places](https://grabient.com/liminal-places)

## Other forms

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