# Dark gray, pink, orange and brown linear gradient

Dark gray, pink, orange and brown linear gradient with 11 colors: #34343e, #4e4d5d, #746f85, #9f97a4, #c3bac0, #e8c0bb, #efbd87, #eb9d4f, #db6d33, #a44d2f, #733a2b. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kITQ0Pl0b4UcO6wB772HHbbTMXM6Kw`
- Page: https://grabient.com/kITQ0Pl0b4UcO6wB772HHbbTMXM6Kw?steps=11&angle=120
- Drawn as: linear gradient, 11 steps, 120 degrees
- Kinds: light center
- Hues: analogous
- Contrast of its darkest and lightest colors: 7.4 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 | `#34343e` | `oklch(32.91% 0.0175 285.40)` | Witches Cauldron | white, 12.3 to 1 |
| 2 | `#4e4d5d` | `oklch(42.63% 0.0272 287.92)` | Odyssey Grey | white, 8.2 to 1 |
| 3 | `#746f85` | `oklch(55.40% 0.0342 295.68)` | Ritual | white, 4.8 to 1 |
| 4 | `#9f97a4` | `oklch(68.80% 0.0198 311.61)` | Fortune | black, 7.4 to 1 |
| 5 | `#c3bac0` | `oklch(79.81% 0.0130 337.59)` | Lilac Marble | black, 11.1 to 1 |
| 6 | `#e8c0bb` | `oklch(84.07% 0.0464 26.92)` | Rosy Glow | black, 12.6 to 1 |
| 7 | `#efbd87` | `oklch(83.09% 0.0905 68.21)` | Apricot Cream | black, 12.2 to 1 |
| 8 | `#eb9d4f` | `oklch(75.97% 0.1319 63.29)` | Sunflower Field | black, 9.4 to 1 |
| 9 | `#db6d33` | `oklch(65.49% 0.1548 45.79)` | Sorbus | black, 6.2 to 1 |
| 10 | `#a44d2f` | `oklch(52.54% 0.1235 39.36)` | Texas Heatwave | white, 5.6 to 1 |
| 11 | `#733a2b` | `oklch(41.80% 0.0842 35.73)` | Capsicum Red | white, 8.8 to 1 |

## CSS

```css
background: linear-gradient(120deg, #34343e 0.0%, #4e4d5d 10.0%, #746f85 20.0%, #9f97a4 30.0%, #c3bac0 40.0%, #e8c0bb 50.0%, #efbd87 60.0%, #eb9d4f 70.0%, #db6d33 80.0%, #a44d2f 90.0%, #733a2b 100.0%);
background: linear-gradient(120deg in oklch, oklch(32.91% 0.0175 285.40) 0.0%, oklch(42.63% 0.0272 287.92) 10.0%, oklch(55.40% 0.0342 295.68) 20.0%, oklch(68.80% 0.0198 311.61) 30.0%, oklch(79.81% 0.0130 337.59) 40.0%, oklch(84.07% 0.0464 26.92) 50.0%, oklch(83.09% 0.0905 68.21) 60.0%, oklch(75.97% 0.1319 63.29) 70.0%, oklch(65.49% 0.1548 45.79) 80.0%, oklch(52.54% 0.1235 39.36) 90.0%, oklch(41.80% 0.0842 35.73) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.329 | 0.018 | 285.4 |
| 2 | 0.554 | 0.034 | 295.7 |
| 3 | 0.798 | 0.013 | 337.6 |
| 4 | 0.831 | 0.09 | 428.2 |
| 5 | 0.655 | 0.155 | 405.8 |
| 6 | 0.418 | 0.084 | 395.7 |

## In these collections

- [Color, Slightly Off](https://grabient.com/colour-slightly-off)

## Other forms

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