# Purple, brown, blue and beige linear gradient

Purple, brown, blue and beige linear gradient with 7 colors: #c28a89, #524283, #5b337f, #bf6642, #5d235d, #006973, #f2e8ce. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWrzIOrCuy00tT6oJjA9o0qo`
- Page: https://grabient.com/kWrzIOrCuy00tT6oJjA9o0qo
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: dark center
- Hues: wide
- Contrast of its darkest and lightest colors: 9.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 | `#c28a89` | `oklch(68.90% 0.0689 20.39)` | All’s Ace | black, 7.3 to 1 |
| 2 | `#524283` | `oklch(42.87% 0.1045 292.45)` | Harvest Night | white, 8.4 to 1 |
| 3 | `#5b337f` | `oklch(40.89% 0.1256 305.60)` | Kingfisher Daisy | white, 9.4 to 1 |
| 4 | `#bf6642` | `oklch(60.63% 0.1240 42.58)` | Dirt Track | black, 5.1 to 1 |
| 5 | `#5d235d` | `oklch(36.51% 0.1157 327.12)` | Kuwanomi Purple | white, 11.2 to 1 |
| 6 | `#006973` | `oklch(47.66% 0.0816 206.35)` | Kingfisher Bright | white, 6.4 to 1 |
| 7 | `#f2e8ce` | `oklch(93.31% 0.0358 89.78)` | Light Shell Haven | black, 17.2 to 1 |

## CSS

```css
background: linear-gradient(90deg, #c28a89 0.0%, #524283 16.7%, #5b337f 33.3%, #bf6642 50.0%, #5d235d 66.7%, #006973 83.3%, #f2e8ce 100.0%);
background: linear-gradient(90deg in oklch, oklch(68.90% 0.0689 20.39) 0.0%, oklch(42.87% 0.1045 292.45) 16.7%, oklch(40.89% 0.1256 305.60) 33.3%, oklch(60.63% 0.1240 42.58) 50.0%, oklch(36.51% 0.1157 327.12) 66.7%, oklch(47.66% 0.0816 206.35) 83.3%, oklch(93.31% 0.0358 89.78) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.689 | 0.069 | 20.4 |
| 2 | 0.346 | 0.12 | -90.6 |
| 3 | 0.606 | 0.124 | 42.6 |
| 4 | 0.315 | 0.105 | -90.6 |
| 5 | 0.933 | 0.036 | -270.2 |

## Other forms

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