# Gray, blue, dark purple and brown linear gradient

Gray, blue, dark purple and brown linear gradient with 7 colors: #b4c0a2, #789d8d, #426c76, #3b4461, #593854, #945248, #d08048. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYySBZUJHF7kSRyvFEgvZ7ItWsw8`
- Page: https://grabient.com/kYySBZUJHF7kSRyvFEgvZ7ItWsw8
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: dark center, muted, multicolor
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 5.1 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 | `#b4c0a2` | `oklch(79.13% 0.0441 125.16)` | Camping Grounds | black, 11 to 1 |
| 2 | `#789d8d` | `oklch(66.35% 0.0477 166.23)` | Regal View | black, 7 to 1 |
| 3 | `#426c76` | `oklch(50.36% 0.0489 215.72)` | Holy Water | white, 5.7 to 1 |
| 4 | `#3b4461` | `oklch(39.07% 0.0506 271.25)` | Diplomatic | white, 9.6 to 1 |
| 5 | `#593854` | `oklch(39.11% 0.0627 332.79)` | Velvet Plum | white, 9.8 to 1 |
| 6 | `#945248` | `oklch(51.36% 0.0904 29.11)` | Copper Rust | white, 5.9 to 1 |
| 7 | `#d08048` | `oklch(67.32% 0.1226 53.65)` | Sticky Toffee | black, 6.8 to 1 |

## CSS

```css
background: linear-gradient(90deg, #b4c0a2 0.0%, #789d8d 16.7%, #426c76 33.3%, #3b4461 50.0%, #593854 66.7%, #945248 83.3%, #d08048 100.0%);
background: linear-gradient(90deg in oklch, oklch(79.13% 0.0441 125.16) 0.0%, oklch(66.35% 0.0477 166.23) 16.7%, oklch(50.36% 0.0489 215.72) 33.3%, oklch(39.07% 0.0506 271.25) 50.0%, oklch(39.11% 0.0627 332.79) 66.7%, oklch(51.36% 0.0904 29.11) 83.3%, oklch(67.32% 0.1226 53.65) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.791 | 0.044 | 125.2 |
| 2 | 0.634 | 0.048 | 175.9 |
| 3 | 0.449 | 0.05 | 237.2 |
| 4 | 0.37 | 0.055 | 306.9 |
| 5 | 0.484 | 0.084 | 380.9 |
| 6 | 0.673 | 0.123 | 413.6 |

## In these collections

- [Library card nostalgia](https://grabient.com/library-card-nostalgia)

## Other forms

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