# Wine Ink in a Quiet Room

The Wine Ink in a Quiet Room brings together dark gray, magenta, orange, and light orange. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark gray, and its lightest tone is light orange.

- Also called: Black, brown and gray linear gradient
- Seed: `kUNw78rJ4_kEQShwDkCA`
- Page: https://grabient.com/kUNw78rJ4_kEQShwDkCA?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: dark to light, muted, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 12.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 | `#21161a` | `oklch(21.65% 0.0193 355.08)` | Bats Cloak | white, 17.5 to 1 |
| 2 | `#24171c` | `oklch(22.41% 0.0234 354.52)` | Kurobeni | white, 17.2 to 1 |
| 3 | `#29181f` | `oklch(23.36% 0.0291 353.32)` | Black Cherry | white, 16.8 to 1 |
| 4 | `#2e1922` | `oklch(24.48% 0.0361 351.73)` | Black Cherry | white, 16.4 to 1 |
| 5 | `#331a26` | `oklch(25.74% 0.0439 350.01)` | Bruised Plum | white, 15.9 to 1 |
| 6 | `#391b2b` | `oklch(27.10% 0.0520 348.39)` | Black-Hearted | white, 15.3 to 1 |
| 7 | `#3f1d30` | `oklch(28.55% 0.0601 347.12)` | Jasmin Beauty | white, 14.7 to 1 |
| 8 | `#451e35` | `oklch(30.05% 0.0675 346.47)` | Juice Violet | white, 14 to 1 |
| 9 | `#4c2039` | `oklch(31.57% 0.0740 346.68)` | Prestige Mauve | white, 13.3 to 1 |
| 10 | `#52223d` | `oklch(33.08% 0.0790 348.00)` | Prestige Mauve | white, 12.6 to 1 |
| 11 | `#58253f` | `oklch(34.56% 0.0821 350.67)` | Zinfandel | white, 11.9 to 1 |
| 12 | `#5e283f` | `oklch(35.96% 0.0830 355.08)` | Quills of Terico | white, 11.3 to 1 |
| 13 | `#632c3d` | `oklch(37.26% 0.0819 1.55)` | Windsor Wine | white, 10.7 to 1 |
| 14 | `#67303a` | `oklch(38.49% 0.0791 9.68)` | Power Tie | white, 10.2 to 1 |
| 15 | `#6a3537` | `oklch(39.72% 0.0752 18.99)` | Port | white, 9.6 to 1 |
| 16 | `#6b3b34` | `oklch(40.98% 0.0703 29.03)` | Burnished Bark | white, 9.1 to 1 |
| 17 | `#6c4133` | `oklch(42.32% 0.0650 39.34)` | Heartwood | white, 8.5 to 1 |
| 18 | `#6d4834` | `oklch(43.80% 0.0595 49.46)` | Satin Soil | white, 8 to 1 |
| 19 | `#6d4f38` | `oklch(45.47% 0.0542 58.93)` | Bison | white, 7.4 to 1 |
| 20 | `#6f573d` | `oklch(47.36% 0.0496 67.29)` | Huckleberry Brown | white, 6.7 to 1 |
| 21 | `#725e45` | `oklch(49.55% 0.0458 74.08)` | Midnight Brown | white, 6.1 to 1 |
| 22 | `#77674d` | `oklch(52.08% 0.0434 78.89)` | Khemri Brown | white, 5.5 to 1 |
| 23 | `#7e7056` | `oklch(55.20% 0.0417 82.16)` | High Tea | white, 4.8 to 1 |
| 24 | `#887b62` | `oklch(58.86% 0.0405 84.24)` | Turtle Shell | black, 5 to 1 |
| 25 | `#94876e` | `oklch(62.88% 0.0397 85.34)` | Wild Hawk | black, 5.9 to 1 |
| 26 | `#a0947b` | `oklch(67.11% 0.0392 85.67)` | Weather Board | black, 7 to 1 |
| 27 | `#aea188` | `oklch(71.41% 0.0389 85.42)` | Sandy Bluff | black, 8.2 to 1 |
| 28 | `#bbae94` | `oklch(75.60% 0.0388 84.82)` | Nile Sand | black, 9.6 to 1 |
| 29 | `#c8bba1` | `oklch(79.53% 0.0388 84.04)` | Land Rush Bone | black, 11 to 1 |
| 30 | `#d4c6ac` | `oklch(83.04% 0.0388 83.31)` | Khaki Shade | black, 12.4 to 1 |
| 31 | `#ddcfb5` | `oklch(85.98% 0.0388 82.83)` | Yarmouth Oyster | black, 13.6 to 1 |
| 32 | `#e5d6bc` | `oklch(88.19% 0.0386 82.79)` | Pollinate | black, 14.7 to 1 |

## CSS

```css
background: linear-gradient(45deg, #21161a 0.0%, #24171c 3.2%, #29181f 6.5%, #2e1922 9.7%, #331a26 12.9%, #391b2b 16.1%, #3f1d30 19.4%, #451e35 22.6%, #4c2039 25.8%, #52223d 29.0%, #58253f 32.3%, #5e283f 35.5%, #632c3d 38.7%, #67303a 41.9%, #6a3537 45.2%, #6b3b34 48.4%, #6c4133 51.6%, #6d4834 54.8%, #6d4f38 58.1%, #6f573d 61.3%, #725e45 64.5%, #77674d 67.7%, #7e7056 71.0%, #887b62 74.2%, #94876e 77.4%, #a0947b 80.6%, #aea188 83.9%, #bbae94 87.1%, #c8bba1 90.3%, #d4c6ac 93.5%, #ddcfb5 96.8%, #e5d6bc 100.0%);
background: linear-gradient(45deg in oklch, oklch(21.65% 0.0193 355.08) 0.0%, oklch(22.41% 0.0234 354.52) 3.2%, oklch(23.36% 0.0291 353.32) 6.5%, oklch(24.48% 0.0361 351.73) 9.7%, oklch(25.74% 0.0439 350.01) 12.9%, oklch(27.10% 0.0520 348.39) 16.1%, oklch(28.55% 0.0601 347.12) 19.4%, oklch(30.05% 0.0675 346.47) 22.6%, oklch(31.57% 0.0740 346.68) 25.8%, oklch(33.08% 0.0790 348.00) 29.0%, oklch(34.56% 0.0821 350.67) 32.3%, oklch(35.96% 0.0830 355.08) 35.5%, oklch(37.26% 0.0819 1.55) 38.7%, oklch(38.49% 0.0791 9.68) 41.9%, oklch(39.72% 0.0752 18.99) 45.2%, oklch(40.98% 0.0703 29.03) 48.4%, oklch(42.32% 0.0650 39.34) 51.6%, oklch(43.80% 0.0595 49.46) 54.8%, oklch(45.47% 0.0542 58.93) 58.1%, oklch(47.36% 0.0496 67.29) 61.3%, oklch(49.55% 0.0458 74.08) 64.5%, oklch(52.08% 0.0434 78.89) 67.7%, oklch(55.20% 0.0417 82.16) 71.0%, oklch(58.86% 0.0405 84.24) 74.2%, oklch(62.88% 0.0397 85.34) 77.4%, oklch(67.11% 0.0392 85.67) 80.6%, oklch(71.41% 0.0389 85.42) 83.9%, oklch(75.60% 0.0388 84.82) 87.1%, oklch(79.53% 0.0388 84.04) 90.3%, oklch(83.04% 0.0388 83.31) 93.5%, oklch(85.98% 0.0388 82.83) 96.8%, oklch(88.19% 0.0386 82.79) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.217 | 0.019 | 355.1 |
| 2 | 0.35 | 0.083 | 351.9 |
| 3 | 0.512 | 0.044 | 437.5 |
| 4 | 0.882 | 0.039 | 442.8 |

## In these collections

- [Poetcore](https://grabient.com/poetcore)

## Other forms

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