# Analogous brown, orange and black linear gradient

Analogous brown, orange and black linear gradient with 48 colors: #3b1112, #431515, #4e1918, #5c1f1c, #6d2620, #7f2e23, #913725, #a43f27, #b54727, #c34f26, #cf5524, #d65922, #d85b21, #d45a22, #cd5723, #c25224, #b44c25, #a44525, #933e24, #823723, #723021, #632a1e, #57251c, #4d2119, #451e18, #3f1b16, #381914, #321612, #2d1311, #28110f, #25100e, #230f0d, #220f0d, #230f0e, #26110f, #2b1411, #321915, #3e2019, #4e291f, #603524, #754229, #8a512d, #a06130, #b57231, #c88231, #d99130, #e69f2f, #f0a92e. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWPzAPzz5CSYXvqdDj-Y7dFg`
- Page: https://grabient.com/kWPzAPzz5CSYXvqdDj-Y7dFg?steps=48&angle=225
- Drawn as: linear gradient, 48 steps, 225 degrees
- Kinds: dark center, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 9.1 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 | `#3b1112` | `oklch(24.80% 0.0661 21.80)` | Dark Sienna | white, 16.4 to 1 |
| 2 | `#431515` | `oklch(26.88% 0.0720 22.89)` | English Breakfast | white, 15.5 to 1 |
| 3 | `#4e1918` | `oklch(29.82% 0.0804 24.41)` | Hull Red | white, 14.1 to 1 |
| 4 | `#5c1f1c` | `oklch(33.40% 0.0906 26.25)` | Red Oxide | white, 12.5 to 1 |
| 5 | `#6d2620` | `oklch(37.43% 0.1021 28.32)` | Spanish Tile | white, 10.7 to 1 |
| 6 | `#7f2e23` | `oklch(41.72% 0.1143 30.52)` | Warmth of Teamwork | white, 9 to 1 |
| 7 | `#913725` | `oklch(46.06% 0.1267 32.78)` | Red Prairie | white, 7.5 to 1 |
| 8 | `#a43f27` | `oklch(50.26% 0.1386 34.98)` | Edocha | white, 6.3 to 1 |
| 9 | `#b54727` | `oklch(54.13% 0.1494 37.04)` | Cattail Red | white, 5.3 to 1 |
| 10 | `#c34f26` | `oklch(57.45% 0.1586 38.86)` | Red Panda | white, 4.6 to 1 |
| 11 | `#cf5524` | `oklch(60.04% 0.1657 40.35)` | Rusty Nail | black, 4.9 to 1 |
| 12 | `#d65922` | `oklch(61.70% 0.1699 41.41)` | Lāl Red | black, 5.3 to 1 |
| 13 | `#d85b21` | `oklch(62.22% 0.1707 41.96)` | War Paint Red | black, 5.4 to 1 |
| 14 | `#d45a22` | `oklch(61.60% 0.1681 42.02)` | Tomato Bisque | black, 5.2 to 1 |
| 15 | `#cd5723` | `oklch(60.01% 0.1626 41.66)` | Rusty Nail | black, 4.9 to 1 |
| 16 | `#c25224` | `oklch(57.62% 0.1546 40.97)` | Raucous Orange | white, 4.6 to 1 |
| 17 | `#b44c25` | `oklch(54.61% 0.1447 40.00)` | Cattail Red | white, 5.2 to 1 |
| 18 | `#a44525` | `oklch(51.15% 0.1335 38.84)` | Potter’s Clay | white, 6 to 1 |
| 19 | `#933e24` | `oklch(47.42% 0.1214 37.55)` | Fire | white, 7 to 1 |
| 20 | `#823723` | `oklch(43.60% 0.1091 36.20)` | Kofta Brown | white, 8.3 to 1 |
| 21 | `#723021` | `oklch(39.86% 0.0971 34.87)` | Hihada Brown | white, 9.6 to 1 |
| 22 | `#632a1e` | `oklch(36.37% 0.0858 33.61)` | Chestnut Leather | white, 11.1 to 1 |
| 23 | `#57251c` | `oklch(33.31% 0.0759 32.52)` | Caput Mortuum | white, 12.4 to 1 |
| 24 | `#4d2119` | `oklch(30.86% 0.0679 31.64)` | Tobi Brown | white, 13.5 to 1 |
| 25 | `#451e18` | `oklch(29.07% 0.0620 30.98)` | Longan’s Kernel | white, 14.4 to 1 |
| 26 | `#3f1b16` | `oklch(27.35% 0.0566 30.18)` | Rustic Red | white, 15.2 to 1 |
| 27 | `#381914` | `oklch(25.64% 0.0514 29.24)` | Rustic Red | white, 15.9 to 1 |
| 28 | `#321612` | `oklch(24.01% 0.0468 28.24)` | Darkroom | white, 16.6 to 1 |
| 29 | `#2d1311` | `oklch(22.54% 0.0426 27.26)` | Dark Danger | white, 17.2 to 1 |
| 30 | `#28110f` | `oklch(21.29% 0.0391 26.38)` | Italian Roast | white, 17.7 to 1 |
| 31 | `#25100e` | `oklch(20.33% 0.0364 25.68)` | Italian Roast | white, 18.1 to 1 |
| 32 | `#230f0d` | `oklch(19.73% 0.0345 25.24)` | Italian Roast | white, 18.3 to 1 |
| 33 | `#220f0d` | `oklch(19.57% 0.0335 25.14)` | Italian Roast | white, 18.4 to 1 |
| 34 | `#230f0e` | `oklch(19.90% 0.0337 25.46)` | Italian Roast | white, 18.2 to 1 |
| 35 | `#26110f` | `oklch(20.80% 0.0351 26.28)` | Italian Roast | white, 17.9 to 1 |
| 36 | `#2b1411` | `oklch(22.34% 0.0377 27.69)` | Dark Danger | white, 17.3 to 1 |
| 37 | `#321915` | `oklch(24.73% 0.0421 29.84)` | Tamarind | white, 16.3 to 1 |
| 38 | `#3e2019` | `oklch(28.25% 0.0490 32.93)` | Brown Pod | white, 14.7 to 1 |
| 39 | `#4e291f` | `oklch(32.69% 0.0578 36.78)` | Couch | white, 12.6 to 1 |
| 40 | `#603524` | `oklch(37.85% 0.0683 41.21)` | Chubby Chocolate | white, 10.3 to 1 |
| 41 | `#754229` | `oklch(43.49% 0.0798 46.04)` | Bull Shot | white, 8.1 to 1 |
| 42 | `#8a512d` | `oklch(49.40% 0.0919 51.08)` | Charred Clay | white, 6.3 to 1 |
| 43 | `#a06130` | `oklch(55.37% 0.1042 56.16)` | Cathay Spice | white, 4.9 to 1 |
| 44 | `#b57231` | `oklch(61.17% 0.1162 61.09)` | Copper | black, 5.4 to 1 |
| 45 | `#c88231` | `oklch(66.58% 0.1273 65.69)` | Yam | black, 6.7 to 1 |
| 46 | `#d99130` | `oklch(71.40% 0.1373 69.77)` | Autumn Blaze | black, 8 to 1 |
| 47 | `#e69f2f` | `oklch(75.39% 0.1455 73.17)` | Shì Zǐ Chéng Persimmon | black, 9.3 to 1 |
| 48 | `#f0a92e` | `oklch(78.35% 0.1516 75.69)` | Whisky Sour | black, 10.4 to 1 |

## CSS

```css
background: linear-gradient(225deg, #3b1112 0.0%, #431515 2.1%, #4e1918 4.3%, #5c1f1c 6.4%, #6d2620 8.5%, #7f2e23 10.6%, #913725 12.8%, #a43f27 14.9%, #b54727 17.0%, #c34f26 19.1%, #cf5524 21.3%, #d65922 23.4%, #d85b21 25.5%, #d45a22 27.7%, #cd5723 29.8%, #c25224 31.9%, #b44c25 34.0%, #a44525 36.2%, #933e24 38.3%, #823723 40.4%, #723021 42.6%, #632a1e 44.7%, #57251c 46.8%, #4d2119 48.9%, #451e18 51.1%, #3f1b16 53.2%, #381914 55.3%, #321612 57.4%, #2d1311 59.6%, #28110f 61.7%, #25100e 63.8%, #230f0d 66.0%, #220f0d 68.1%, #230f0e 70.2%, #26110f 72.3%, #2b1411 74.5%, #321915 76.6%, #3e2019 78.7%, #4e291f 80.9%, #603524 83.0%, #754229 85.1%, #8a512d 87.2%, #a06130 89.4%, #b57231 91.5%, #c88231 93.6%, #d99130 95.7%, #e69f2f 97.9%, #f0a92e 100.0%);
background: linear-gradient(225deg in oklch, oklch(24.80% 0.0661 21.80) 0.0%, oklch(26.88% 0.0720 22.89) 2.1%, oklch(29.82% 0.0804 24.41) 4.3%, oklch(33.40% 0.0906 26.25) 6.4%, oklch(37.43% 0.1021 28.32) 8.5%, oklch(41.72% 0.1143 30.52) 10.6%, oklch(46.06% 0.1267 32.78) 12.8%, oklch(50.26% 0.1386 34.98) 14.9%, oklch(54.13% 0.1494 37.04) 17.0%, oklch(57.45% 0.1586 38.86) 19.1%, oklch(60.04% 0.1657 40.35) 21.3%, oklch(61.70% 0.1699 41.41) 23.4%, oklch(62.22% 0.1707 41.96) 25.5%, oklch(61.60% 0.1681 42.02) 27.7%, oklch(60.01% 0.1626 41.66) 29.8%, oklch(57.62% 0.1546 40.97) 31.9%, oklch(54.61% 0.1447 40.00) 34.0%, oklch(51.15% 0.1335 38.84) 36.2%, oklch(47.42% 0.1214 37.55) 38.3%, oklch(43.60% 0.1091 36.20) 40.4%, oklch(39.86% 0.0971 34.87) 42.6%, oklch(36.37% 0.0858 33.61) 44.7%, oklch(33.31% 0.0759 32.52) 46.8%, oklch(30.86% 0.0679 31.64) 48.9%, oklch(29.07% 0.0620 30.98) 51.1%, oklch(27.35% 0.0566 30.18) 53.2%, oklch(25.64% 0.0514 29.24) 55.3%, oklch(24.01% 0.0468 28.24) 57.4%, oklch(22.54% 0.0426 27.26) 59.6%, oklch(21.29% 0.0391 26.38) 61.7%, oklch(20.33% 0.0364 25.68) 63.8%, oklch(19.73% 0.0345 25.24) 66.0%, oklch(19.57% 0.0335 25.14) 68.1%, oklch(19.90% 0.0337 25.46) 70.2%, oklch(20.80% 0.0351 26.28) 72.3%, oklch(22.34% 0.0377 27.69) 74.5%, oklch(24.73% 0.0421 29.84) 76.6%, oklch(28.25% 0.0490 32.93) 78.7%, oklch(32.69% 0.0578 36.78) 80.9%, oklch(37.85% 0.0683 41.21) 83.0%, oklch(43.49% 0.0798 46.04) 85.1%, oklch(49.40% 0.0919 51.08) 87.2%, oklch(55.37% 0.1042 56.16) 89.4%, oklch(61.17% 0.1162 61.09) 91.5%, oklch(66.58% 0.1273 65.69) 93.6%, oklch(71.40% 0.1373 69.77) 95.7%, oklch(75.39% 0.1455 73.17) 97.9%, oklch(78.35% 0.1516 75.69) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.248 | 0.066 | 21.8 |
| 2 | 0.622 | 0.171 | 41.9 |
| 3 | 0.299 | 0.065 | 31.3 |
| 4 | 0.228 | 0.039 | 28.1 |
| 5 | 0.783 | 0.152 | 75.7 |

## Other forms

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