# Dark gray, pink, orange and brown linear swatches

Dark gray, pink, orange and brown linear swatches 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?style=linearSwatches&steps=11&angle=120
- Drawn as: linear swatches, 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.000% 9.091%, #4e4d5d 9.091% 18.182%, #746f85 18.182% 27.273%, #9f97a4 27.273% 36.364%, #c3bac0 36.364% 45.455%, #e8c0bb 45.455% 54.545%, #efbd87 54.545% 63.636%, #eb9d4f 63.636% 72.727%, #db6d33 72.727% 81.818%, #a44d2f 81.818% 90.909%, #733a2b 90.909% 100.000%);
background: linear-gradient(120deg, oklch(32.91% 0.0175 285.40) 0.000% 9.091%, oklch(42.63% 0.0272 287.92) 9.091% 18.182%, oklch(55.40% 0.0342 295.68) 18.182% 27.273%, oklch(68.80% 0.0198 311.61) 27.273% 36.364%, oklch(79.81% 0.0130 337.59) 36.364% 45.455%, oklch(84.07% 0.0464 26.92) 45.455% 54.545%, oklch(83.09% 0.0905 68.21) 54.545% 63.636%, oklch(75.97% 0.1319 63.29) 63.636% 72.727%, oklch(65.49% 0.1548 45.79) 72.727% 81.818%, oklch(52.54% 0.1235 39.36) 81.818% 90.909%, oklch(41.80% 0.0842 35.73) 90.909% 100.000%);
```

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