# Mustard, purple and blue linear gradient

Mustard, purple and blue linear gradient with 7 colors: #bbce3e, #dda74d, #dc7571, #b7519e, #844ab8, #5164b5, #558b9b. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYzndTXyu6NGyuDFv7qQjK7s0WuG`
- Page: https://grabient.com/kYzndTXyu6NGyuDFv7qQjK7s0WuG
- Drawn as: linear gradient, 7 steps, 90 degrees
- Hues: rainbow
- Contrast of its darkest and lightest colors: 3.2 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 | `#bbce3e` | `oklch(81.10% 0.1640 116.72)` | Golden Foliage | black, 12 to 1 |
| 2 | `#dda74d` | `oklch(76.18% 0.1241 77.75)` | Golden Apricot | black, 9.7 to 1 |
| 3 | `#dc7571` | `oklch(67.79% 0.1292 23.57)` | Red Cedar | black, 6.8 to 1 |
| 4 | `#b7519e` | `oklch(58.96% 0.1605 338.02)` | Magenta Memoir | black, 4.6 to 1 |
| 5 | `#844ab8` | `oklch(52.89% 0.1699 305.49)` | Harley Hair Purple | white, 5.7 to 1 |
| 6 | `#5164b5` | `oklch(52.85% 0.1278 271.51)` | Evening Lagoon | white, 5.4 to 1 |
| 7 | `#558b9b` | `oklch(60.63% 0.0620 217.81)` | Stratford Blue | black, 5.5 to 1 |

## CSS

```css
background: linear-gradient(90deg, #bbce3e 0.0%, #dda74d 16.7%, #dc7571 33.3%, #b7519e 50.0%, #844ab8 66.7%, #5164b5 83.3%, #558b9b 100.0%);
background: linear-gradient(90deg in oklch, oklch(81.10% 0.1640 116.72) 0.0%, oklch(76.18% 0.1241 77.75) 16.7%, oklch(67.79% 0.1292 23.57) 33.3%, oklch(58.96% 0.1605 338.02) 50.0%, oklch(52.89% 0.1699 305.49) 66.7%, oklch(52.85% 0.1278 271.51) 83.3%, oklch(60.63% 0.0620 217.81) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.811 | 0.164 | 116.7 |
| 2 | 0.748 | 0.12 | 68.1 |
| 3 | 0.642 | 0.139 | 2.6 |
| 4 | 0.547 | 0.175 | -42.9 |
| 5 | 0.52 | 0.139 | -78.8 |
| 6 | 0.606 | 0.062 | -142.2 |

## In these collections

- [Kerala flower carpet](https://grabient.com/kerala-flower-carpet)

## Other forms

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