# Tan, purple and navy linear gradient

Tan, purple and navy linear gradient with 7 colors: #c4cf79, #e9a294, #a28db7, #534e77, #291b45, #4d2a5a, #864874. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kU0lBR1hesKGbvo-pUUA`
- Page: https://grabient.com/kU0lBR1hesKGbvo-pUUA
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: dark center, multicolor
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 9.3 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 | `#c4cf79` | `oklch(82.68% 0.1102 114.61)` | Alligator Alley | black, 12.5 to 1 |
| 2 | `#e9a294` | `oklch(77.78% 0.0868 31.85)` | Rose Dusk | black, 10 to 1 |
| 3 | `#a28db7` | `oklch(67.72% 0.0648 307.64)` | Wizard’s Brew | black, 7 to 1 |
| 4 | `#534e77` | `oklch(44.69% 0.0658 288.69)` | Perpetual Purple | white, 7.6 to 1 |
| 5 | `#291b45` | `oklch(26.38% 0.0758 296.02)` | Azulado | white, 15.7 to 1 |
| 6 | `#4d2a5a` | `oklch(35.21% 0.0896 316.96)` | Deep Plum | white, 11.6 to 1 |
| 7 | `#864874` | `oklch(49.21% 0.1020 339.35)` | Grape Kiss | white, 6.5 to 1 |

## CSS

```css
background: linear-gradient(90deg, #c4cf79 0.0%, #e9a294 16.7%, #a28db7 33.3%, #534e77 50.0%, #291b45 66.7%, #4d2a5a 83.3%, #864874 100.0%);
background: linear-gradient(90deg in oklch, oklch(82.68% 0.1102 114.61) 0.0%, oklch(77.78% 0.0868 31.85) 16.7%, oklch(67.72% 0.0648 307.64) 33.3%, oklch(44.69% 0.0658 288.69) 50.0%, oklch(26.38% 0.0758 296.02) 66.7%, oklch(35.21% 0.0896 316.96) 83.3%, oklch(49.21% 0.1020 339.35) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.827 | 0.11 | 114.6 |
| 2 | 0.677 | 0.065 | -52.4 |
| 3 | 0.264 | 0.076 | -64 |
| 4 | 0.492 | 0.102 | -20.7 |

## In these collections

- [Iridescent glass interface](https://grabient.com/iridescent-glass-interface)

## Other forms

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