# Black, gray, beige and purple linear gradient

Black, gray, beige and purple linear gradient with 7 colors: #192b25, #737d80, #c5c4c7, #e6e0da, #e9dda9, #dc8e62, #703981. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWRRN6XQNJvOEVHqo0IuK6wo`
- Page: https://grabient.com/kWRRN6XQNJvOEVHqo0IuK6wo
- Drawn as: linear gradient, 7 steps, 90 degrees
- Kinds: light center, pastel
- Hues: wide
- Contrast of its darkest and lightest colors: 11.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 | `#192b25` | `oklch(27.17% 0.0262 171.56)` | Guerrilla Forest | white, 14.8 to 1 |
| 2 | `#737d80` | `oklch(58.27% 0.0134 216.73)` | Hidden Peak | black, 4.9 to 1 |
| 3 | `#c5c4c7` | `oklch(82.15% 0.0046 310.74)` | Runefang Steel | black, 12 to 1 |
| 4 | `#e6e0da` | `oklch(90.94% 0.0110 67.30)` | Durian Smell | black, 16 to 1 |
| 5 | `#e9dda9` | `oklch(89.53% 0.0689 96.65)` | Green Charm | black, 15.4 to 1 |
| 6 | `#dc8e62` | `oklch(71.67% 0.1122 49.53)` | Copper Pipe | black, 8 to 1 |
| 7 | `#703981` | `oklch(44.49% 0.1281 317.39)` | Maximum Purple | white, 8.1 to 1 |

## CSS

```css
background: linear-gradient(90deg, #192b25 0.0%, #737d80 16.7%, #c5c4c7 33.3%, #e6e0da 50.0%, #e9dda9 66.7%, #dc8e62 83.3%, #703981 100.0%);
background: linear-gradient(90deg in oklch, oklch(27.17% 0.0262 171.56) 0.0%, oklch(58.27% 0.0134 216.73) 16.7%, oklch(82.15% 0.0046 310.74) 33.3%, oklch(90.94% 0.0110 67.30) 50.0%, oklch(89.53% 0.0689 96.65) 66.7%, oklch(71.67% 0.1122 49.53) 83.3%, oklch(44.49% 0.1281 317.39) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.272 | 0.026 | 171.6 |
| 2 | 0.732 | 0.008 | 254 |
| 3 | 0.909 | 0.011 | 427.3 |
| 4 | 0.839 | 0.096 | 446.3 |
| 5 | 0.445 | 0.128 | 317.4 |

## In these collections

- [Brooched](https://grabient.com/brooched)

## Other forms

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