# Analogous black, brown and pink linear gradient

Analogous black, brown and pink linear gradient with 32 colors: #0e0e0e, #12100e, #17110d, #1d130b, #23140a, #2a1507, #321705, #3a1803, #431a00, #4b1c00, #531f00, #5b2200, #652600, #6f2a00, #7a2e00, #853300, #913800, #9c3e03, #a7440b, #b04a14, #b9511d, #c05726, #c75e30, #cd653c, #d16d47, #d57453, #d87c5e, #db8368, #dd8971, #df8f79, #e09480, #e29885. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUKgAqKKI-ck2P5fIj7g`
- Page: https://grabient.com/kUKgAqKKI-ck2P5fIj7g?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: dark to light, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 8.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 | `#0e0e0e` | `oklch(16.54% 0.0000 89.88)` | Black Sheep | white, 19.2 to 1 |
| 2 | `#12100e` | `oklch(17.37% 0.0055 58.30)` | Sinister | white, 19 to 1 |
| 3 | `#17110d` | `oklch(18.39% 0.0128 57.26)` | Black Raspberry | white, 18.7 to 1 |
| 4 | `#1d130b` | `oklch(19.56% 0.0215 56.02)` | Crowshead | white, 18.3 to 1 |
| 5 | `#23140a` | `oklch(20.89% 0.0312 54.64)` | Severely Burnt Toast | white, 17.8 to 1 |
| 6 | `#2a1507` | `oklch(22.36% 0.0416 53.17)` | Zinnwaldite Brown | white, 17.3 to 1 |
| 7 | `#321705` | `oklch(23.94% 0.0524 51.67)` | Darkout | white, 16.6 to 1 |
| 8 | `#3a1803` | `oklch(25.64% 0.0630 50.22)` | American Bronze | white, 15.9 to 1 |
| 9 | `#431a00` | `oklch(27.43% 0.0733 48.85)` | Bath in Chocolate | white, 15.1 to 1 |
| 10 | `#4b1c00` | `oklch(29.30% 0.0805 47.41)` | Chocolate Rush | white, 14.3 to 1 |
| 11 | `#531f00` | `oklch(31.24% 0.0872 46.46)` | Evil Cigar | white, 13.4 to 1 |
| 12 | `#5b2200` | `oklch(33.27% 0.0939 45.76)` | Conker Brown | white, 12.5 to 1 |
| 13 | `#652600` | `oklch(35.53% 0.1011 45.26)` | Raw Chocolate | white, 11.5 to 1 |
| 14 | `#6f2a00` | `oklch(37.97% 0.1087 44.91)` | Cold Press Coffee | white, 10.4 to 1 |
| 15 | `#7a2e00` | `oklch(40.55% 0.1166 44.68)` | Bay Brown | white, 9.4 to 1 |
| 16 | `#853300` | `oklch(43.22% 0.1246 44.53)` | Coffee Addiction | white, 8.4 to 1 |
| 17 | `#913800` | `oklch(45.91% 0.1326 44.41)` | Citrine Brown | white, 7.5 to 1 |
| 18 | `#9c3e03` | `oklch(48.59% 0.1390 44.34)` | Hot Brown | white, 6.7 to 1 |
| 19 | `#a7440b` | `oklch(51.21% 0.1434 44.17)` | Pepperoni | white, 6 to 1 |
| 20 | `#b04a14` | `oklch(53.71% 0.1466 43.92)` | Funky Monkey | white, 5.4 to 1 |
| 21 | `#b9511d` | `oklch(56.04% 0.1484 43.55)` | Taisha Brown | white, 4.9 to 1 |
| 22 | `#c05726` | `oklch(58.17% 0.1487 43.01)` | Titian Red | black, 4.6 to 1 |
| 23 | `#c75e30` | `oklch(60.25% 0.1467 42.32)` | Civara | black, 5 to 1 |
| 24 | `#cd653c` | `oklch(62.29% 0.1427 41.49)` | Zōng Hóng Red | black, 5.5 to 1 |
| 25 | `#d16d47` | `oklch(64.29% 0.1373 40.58)` | Coral Gold | black, 5.9 to 1 |
| 26 | `#d57453` | `oklch(66.21% 0.1307 39.61)` | Clay Mug | black, 6.4 to 1 |
| 27 | `#d87c5e` | `oklch(68.04% 0.1235 38.62)` | Deep Coral | black, 6.9 to 1 |
| 28 | `#db8368` | `oklch(69.74% 0.1161 37.66)` | Indian Princess | black, 7.4 to 1 |
| 29 | `#dd8971` | `oklch(71.29% 0.1090 36.75)` | Guava Jam | black, 7.9 to 1 |
| 30 | `#df8f79` | `oklch(72.67% 0.1026 35.94)` | Nude Flamingo | black, 8.3 to 1 |
| 31 | `#e09480` | `oklch(73.85% 0.0973 35.26)` | Sockeye | black, 8.7 to 1 |
| 32 | `#e29885` | `oklch(74.80% 0.0937 34.76)` | Industrial Rose | black, 9 to 1 |

## CSS

```css
background: linear-gradient(90deg, #0e0e0e 0.0%, #12100e 3.2%, #17110d 6.5%, #1d130b 9.7%, #23140a 12.9%, #2a1507 16.1%, #321705 19.4%, #3a1803 22.6%, #431a00 25.8%, #4b1c00 29.0%, #531f00 32.3%, #5b2200 35.5%, #652600 38.7%, #6f2a00 41.9%, #7a2e00 45.2%, #853300 48.4%, #913800 51.6%, #9c3e03 54.8%, #a7440b 58.1%, #b04a14 61.3%, #b9511d 64.5%, #c05726 67.7%, #c75e30 71.0%, #cd653c 74.2%, #d16d47 77.4%, #d57453 80.6%, #d87c5e 83.9%, #db8368 87.1%, #dd8971 90.3%, #df8f79 93.5%, #e09480 96.8%, #e29885 100.0%);
background: linear-gradient(90deg in oklch, oklch(16.54% 0.0000 89.88) 0.0%, oklch(17.37% 0.0055 58.30) 3.2%, oklch(18.39% 0.0128 57.26) 6.5%, oklch(19.56% 0.0215 56.02) 9.7%, oklch(20.89% 0.0312 54.64) 12.9%, oklch(22.36% 0.0416 53.17) 16.1%, oklch(23.94% 0.0524 51.67) 19.4%, oklch(25.64% 0.0630 50.22) 22.6%, oklch(27.43% 0.0733 48.85) 25.8%, oklch(29.30% 0.0805 47.41) 29.0%, oklch(31.24% 0.0872 46.46) 32.3%, oklch(33.27% 0.0939 45.76) 35.5%, oklch(35.53% 0.1011 45.26) 38.7%, oklch(37.97% 0.1087 44.91) 41.9%, oklch(40.55% 0.1166 44.68) 45.2%, oklch(43.22% 0.1246 44.53) 48.4%, oklch(45.91% 0.1326 44.41) 51.6%, oklch(48.59% 0.1390 44.34) 54.8%, oklch(51.21% 0.1434 44.17) 58.1%, oklch(53.71% 0.1466 43.92) 61.3%, oklch(56.04% 0.1484 43.55) 64.5%, oklch(58.17% 0.1487 43.01) 67.7%, oklch(60.25% 0.1467 42.32) 71.0%, oklch(62.29% 0.1427 41.49) 74.2%, oklch(64.29% 0.1373 40.58) 77.4%, oklch(66.21% 0.1307 39.61) 80.6%, oklch(68.04% 0.1235 38.62) 83.9%, oklch(69.74% 0.1161 37.66) 87.1%, oklch(71.29% 0.1090 36.75) 90.3%, oklch(72.67% 0.1026 35.94) 93.5%, oklch(73.85% 0.0973 35.26) 96.8%, oklch(74.80% 0.0937 34.76) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.165 | 0 | 59.1 |
| 2 | 0.319 | 0.094 | 46.4 |
| 3 | 0.575 | 0.149 | 43.2 |
| 4 | 0.748 | 0.094 | 34.8 |

## In these collections

- [Heatmap gradients](https://grabient.com/heatmap-gradients)
- [Halloween gradients](https://grabient.com/halloween-gradients)

## Other forms

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