# Tan and near-black black palette

Gray, brown and black linear gradient with 32 colors: #918176, #8f7e73, #8d7b70, #89786c, #867367, #826f63, #7e6b5e, #796659, #756154, #705c4f, #6b574a, #665346, #604e41, #5a493d, #544438, #4e3e34, #483930, #41342b, #3b2f27, #362b23, #302620, #2b221d, #271f19, #221b16, #1d1713, #191410, #15100d, #110d0b, #0e0b09, #0b0907, #090706, #070605. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Gray, brown and black linear gradient
- Seed: `kUnBMnO4xACIGv8Pgb_g`
- Page: https://grabient.com/kUnBMnO4xACIGv8Pgb_g?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: light to dark, neutral, dark, warm
- Hues: achromatic
- Contrast of its darkest and lightest colors: 5.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 | `#918176` | `oklch(61.42% 0.0262 54.84)` | Roasted Cashew | black, 5.5 to 1 |
| 2 | `#8f7e73` | `oklch(60.61% 0.0267 54.91)` | Spalding Grey | black, 5.4 to 1 |
| 3 | `#8d7b70` | `oklch(59.60% 0.0274 55.01)` | Road Less-Travelled | black, 5.1 to 1 |
| 4 | `#89786c` | `oklch(58.42% 0.0283 55.14)` | Mocha Magic | black, 4.9 to 1 |
| 5 | `#867367` | `oklch(57.09% 0.0294 55.27)` | Fossil | black, 4.6 to 1 |
| 6 | `#826f63` | `oklch(55.64% 0.0304 55.41)` | Summer Sparrow | white, 4.7 to 1 |
| 7 | `#7e6b5e` | `oklch(54.09% 0.0314 55.55)` | Lye Tinted | white, 5 to 1 |
| 8 | `#796659` | `oklch(52.47% 0.0322 55.68)` | Braid | white, 5.4 to 1 |
| 9 | `#756154` | `oklch(50.80% 0.0329 55.78)` | Clove Brown | white, 5.8 to 1 |
| 10 | `#705c4f` | `oklch(49.11% 0.0332 55.86)` | Rich Brown | white, 6.2 to 1 |
| 11 | `#6b574a` | `oklch(47.41% 0.0332 55.90)` | Chocolate Chunk | white, 6.7 to 1 |
| 12 | `#665346` | `oklch(45.70% 0.0327 55.89)` | Rain Drum | white, 7.2 to 1 |
| 13 | `#604e41` | `oklch(43.86% 0.0319 55.84)` | Ground Bean | white, 7.8 to 1 |
| 14 | `#5a493d` | `oklch(41.92% 0.0307 55.75)` | Tannery Brown | white, 8.5 to 1 |
| 15 | `#544438` | `oklch(39.91% 0.0293 55.64)` | Well-Bred Brown | white, 9.3 to 1 |
| 16 | `#4e3e34` | `oklch(37.85% 0.0276 55.51)` | Mineral Brown | white, 10.1 to 1 |
| 17 | `#483930` | `oklch(35.77% 0.0259 55.37)` | Film Noir | white, 11 to 1 |
| 18 | `#41342b` | `oklch(33.71% 0.0241 55.23)` | Slugger | white, 11.9 to 1 |
| 19 | `#3b2f27` | `oklch(31.70% 0.0223 55.09)` | Sambuca | white, 12.9 to 1 |
| 20 | `#362b23` | `oklch(29.76% 0.0205 54.98)` | Roanoke | white, 13.8 to 1 |
| 21 | `#302620` | `oklch(27.92% 0.0189 54.89)` | Wood Bark | white, 14.6 to 1 |
| 22 | `#2b221d` | `oklch(26.21% 0.0174 54.83)` | Kenpōzome Black | white, 15.4 to 1 |
| 23 | `#271f19` | `oklch(24.52% 0.0160 54.79)` | Weathervane | white, 16.2 to 1 |
| 24 | `#221b16` | `oklch(22.82% 0.0144 54.77)` | Dark Orchestra | white, 17 to 1 |
| 25 | `#1d1713` | `oklch(21.15% 0.0129 54.77)` | Nightshade Berries | white, 17.6 to 1 |
| 26 | `#191410` | `oklch(19.53% 0.0113 54.77)` | Kokushoku Black | white, 18.3 to 1 |
| 27 | `#15100d` | `oklch(17.98% 0.0098 54.78)` | Nuln Oil | white, 18.8 to 1 |
| 28 | `#110d0b` | `oklch(16.53% 0.0084 54.80)` | Black Sheep | white, 19.2 to 1 |
| 29 | `#0e0b09` | `oklch(15.20% 0.0071 54.81)` | Stout | white, 19.6 to 1 |
| 30 | `#0b0907` | `oklch(14.02% 0.0059 54.83)` | Badab Black Wash | white, 19.9 to 1 |
| 31 | `#090706` | `oklch(13.02% 0.0049 54.84)` | Accursed Black | white, 20.1 to 1 |
| 32 | `#070605` | `oklch(12.20% 0.0041 54.84)` | Black Metal | white, 20.2 to 1 |

## CSS

```css
background: linear-gradient(180deg, #918176 0.0%, #8f7e73 3.2%, #8d7b70 6.5%, #89786c 9.7%, #867367 12.9%, #826f63 16.1%, #7e6b5e 19.4%, #796659 22.6%, #756154 25.8%, #705c4f 29.0%, #6b574a 32.3%, #665346 35.5%, #604e41 38.7%, #5a493d 41.9%, #544438 45.2%, #4e3e34 48.4%, #483930 51.6%, #41342b 54.8%, #3b2f27 58.1%, #362b23 61.3%, #302620 64.5%, #2b221d 67.7%, #271f19 71.0%, #221b16 74.2%, #1d1713 77.4%, #191410 80.6%, #15100d 83.9%, #110d0b 87.1%, #0e0b09 90.3%, #0b0907 93.5%, #090706 96.8%, #070605 100.0%);
background: linear-gradient(180deg in oklch, oklch(61.42% 0.0262 54.84) 0.0%, oklch(60.61% 0.0267 54.91) 3.2%, oklch(59.60% 0.0274 55.01) 6.5%, oklch(58.42% 0.0283 55.14) 9.7%, oklch(57.09% 0.0294 55.27) 12.9%, oklch(55.64% 0.0304 55.41) 16.1%, oklch(54.09% 0.0314 55.55) 19.4%, oklch(52.47% 0.0322 55.68) 22.6%, oklch(50.80% 0.0329 55.78) 25.8%, oklch(49.11% 0.0332 55.86) 29.0%, oklch(47.41% 0.0332 55.90) 32.3%, oklch(45.70% 0.0327 55.89) 35.5%, oklch(43.86% 0.0319 55.84) 38.7%, oklch(41.92% 0.0307 55.75) 41.9%, oklch(39.91% 0.0293 55.64) 45.2%, oklch(37.85% 0.0276 55.51) 48.4%, oklch(35.77% 0.0259 55.37) 51.6%, oklch(33.71% 0.0241 55.23) 54.8%, oklch(31.70% 0.0223 55.09) 58.1%, oklch(29.76% 0.0205 54.98) 61.3%, oklch(27.92% 0.0189 54.89) 64.5%, oklch(26.21% 0.0174 54.83) 67.7%, oklch(24.52% 0.0160 54.79) 71.0%, oklch(22.82% 0.0144 54.77) 74.2%, oklch(21.15% 0.0129 54.77) 77.4%, oklch(19.53% 0.0113 54.77) 80.6%, oklch(17.98% 0.0098 54.78) 83.9%, oklch(16.53% 0.0084 54.80) 87.1%, oklch(15.20% 0.0071 54.81) 90.3%, oklch(14.02% 0.0059 54.83) 93.5%, oklch(13.02% 0.0049 54.84) 96.8%, oklch(12.20% 0.0041 54.84) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.614 | 0.026 | 54.8 |
| 2 | 0.469 | 0.033 | 55.9 |
| 3 | 0.268 | 0.018 | 54.8 |
| 4 | 0.122 | 0.004 | 54.8 |

## In these collections

- [Black gradients](https://grabient.com/black-gradients)

## Other forms

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