# Brown, black, maroon and tan linear gradient

Brown, black, maroon and tan linear gradient with 64 colors: #47201c, #462119, #442115, #422211, #3f240d, #3a250a, #352709, #30280a, #2a290d, #252911, #202914, #1c2917, #182819, #15271b, #13271c, #12261b, #11251b, #102418, #0f2214, #101f0f, #111c08, #141902, #161400, #171000, #180d00, #190900, #1a0600, #1e0300, #210001, #230005, #26000a, #2b0010, #320116, #3c071d, #481025, #571c2d, #682935, #7b373d, #8e4744, #a2594b, #b56b52, #c77f58, #d6925f, #e4a567, #eeb76f, #f6c678, #fcd37f, #ffdc86, #ffe18d, #ffe38a, #fbe289, #f6df87, #f0da83, #e9d37d, #e0cb77, #d8c270, #cfb969, #c6b061, #bda65a, #b49d53, #ad954d, #a68f47, #a18943, #9d8640. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWTCwTnwxPpkdLRzqUpT6JAI`
- Page: https://grabient.com/kWTCwTnwxPpkdLRzqUpT6JAI?steps=64&angle=135
- Drawn as: linear gradient, 64 steps, 135 degrees
- Kinds: dark center, dark, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 15.5 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 | `#47201c` | `oklch(29.92% 0.0606 27.42)` | Marmite | white, 14 to 1 |
| 2 | `#462119` | `oklch(29.72% 0.0595 32.72)` | Marmite | white, 14 to 1 |
| 3 | `#442115` | `oklch(29.48% 0.0579 39.95)` | Longan’s Kernel | white, 14.1 to 1 |
| 4 | `#422211` | `oklch(29.20% 0.0560 48.77)` | Duqqa Brown | white, 14.2 to 1 |
| 5 | `#3f240d` | `oklch(28.89% 0.0538 58.87)` | Chocolate Castle | white, 14.3 to 1 |
| 6 | `#3a250a` | `oklch(28.55% 0.0514 69.91)` | Brown Tumbleweed | white, 14.4 to 1 |
| 7 | `#352709` | `oklch(28.19% 0.0488 81.58)` | Brown Tumbleweed | white, 14.5 to 1 |
| 8 | `#30280a` | `oklch(27.81% 0.0462 93.53)` | Brown Tumbleweed | white, 14.6 to 1 |
| 9 | `#2a290d` | `oklch(27.41% 0.0436 105.45)` | Brown Tumbleweed | white, 14.8 to 1 |
| 10 | `#252911` | `oklch(27.01% 0.0411 117.00)` | Kuro Green | white, 14.9 to 1 |
| 11 | `#202914` | `oklch(26.60% 0.0388 127.87)` | Kuro Green | white, 15.1 to 1 |
| 12 | `#1c2917` | `oklch(26.19% 0.0368 137.72)` | Kuro Green | white, 15.2 to 1 |
| 13 | `#182819` | `oklch(25.79% 0.0351 146.22)` | Deep Slate Olive | white, 15.4 to 1 |
| 14 | `#15271b` | `oklch(25.39% 0.0338 153.06)` | Deep Slate Green | white, 15.6 to 1 |
| 15 | `#13271c` | `oklch(25.02% 0.0330 157.90)` | Deep Slate Green | white, 15.8 to 1 |
| 16 | `#12261b` | `oklch(24.66% 0.0328 160.41)` | Deep Slate Green | white, 15.9 to 1 |
| 17 | `#11251b` | `oklch(24.32% 0.0332 160.26)` | Deep Slate Green | white, 16.1 to 1 |
| 18 | `#102418` | `oklch(23.79% 0.0343 157.04)` | Nightmare | white, 16.3 to 1 |
| 19 | `#0f2214` | `oklch(23.03% 0.0360 150.98)` | Nightmare | white, 16.7 to 1 |
| 20 | `#101f0f` | `oklch(22.10% 0.0381 142.49)` | Nightmare | white, 17.1 to 1 |
| 21 | `#111c08` | `oklch(21.06% 0.0407 132.00)` | Pinch of Pepper | white, 17.5 to 1 |
| 22 | `#141902` | `oklch(19.96% 0.0437 119.91)` | Pinch of Pepper | white, 18 to 1 |
| 23 | `#161400` | `oklch(18.88% 0.0404 106.51)` | Chinese Black | white, 18.4 to 1 |
| 24 | `#171000` | `oklch(17.85% 0.0365 92.09)` | Chinese Black | white, 18.8 to 1 |
| 25 | `#180d00` | `oklch(16.93% 0.0354 77.23)` | Balsamico | white, 19.1 to 1 |
| 26 | `#190900` | `oklch(16.20% 0.0371 62.51)` | Soy Sauce | white, 19.4 to 1 |
| 27 | `#1a0600` | `oklch(15.70% 0.0424 48.50)` | Soy Sauce | white, 19.5 to 1 |
| 28 | `#1e0300` | `oklch(15.49% 0.0534 35.69)` | Dwarf Fortress | white, 19.7 to 1 |
| 29 | `#210001` | `oklch(15.70% 0.0638 26.11)` | Ponzu Brown | white, 19.6 to 1 |
| 30 | `#230005` | `oklch(16.24% 0.0650 16.09)` | Ponzu Brown | white, 19.5 to 1 |
| 31 | `#26000a` | `oklch(17.25% 0.0691 8.16)` | Belladonna | white, 19.3 to 1 |
| 32 | `#2b0010` | `oklch(18.77% 0.0757 2.80)` | Ilvaite Black | white, 18.8 to 1 |
| 33 | `#320116` | `oklch(20.87% 0.0812 0.15)` | Rhodophobia | white, 18.1 to 1 |
| 34 | `#3c071d` | `oklch(23.92% 0.0838 0.07)` | Blaze It Dark Magenta | white, 16.9 to 1 |
| 35 | `#481025` | `oklch(27.78% 0.0865 1.94)` | What We Do in the Shadows | white, 15.2 to 1 |
| 36 | `#571c2d` | `oklch(32.33% 0.0892 5.52)` | Drops of God | white, 13 to 1 |
| 37 | `#682935` | `oklch(37.41% 0.0919 10.54)` | Siren | white, 10.7 to 1 |
| 38 | `#7b373d` | `oklch(42.90% 0.0946 16.74)` | Rose Pink Villa | white, 8.5 to 1 |
| 39 | `#8e4744` | `oklch(48.67% 0.0972 23.88)` | Cranberry Whip | white, 6.6 to 1 |
| 40 | `#a2594b` | `oklch(54.57% 0.0997 31.70)` | Cajun Red | white, 5.1 to 1 |
| 41 | `#b56b52` | `oklch(60.48% 0.1021 39.94)` | Clay | black, 5.2 to 1 |
| 42 | `#c77f58` | `oklch(66.25% 0.1043 48.34)` | Clove Bud | black, 6.5 to 1 |
| 43 | `#d6925f` | `oklch(71.76% 0.1064 56.66)` | Whiskey Sour | black, 8.1 to 1 |
| 44 | `#e4a567` | `oklch(76.86% 0.1082 64.63)` | India Trade | black, 9.8 to 1 |
| 45 | `#eeb76f` | `oklch(81.43% 0.1098 72.00)` | Olden Amber | black, 11.6 to 1 |
| 46 | `#f6c678` | `oklch(85.33% 0.1111 78.51)` | Sunday Afternoon | black, 13.2 to 1 |
| 47 | `#fcd37f` | `oklch(88.42% 0.1122 83.91)` | Soft Saffron | black, 14.7 to 1 |
| 48 | `#ffdc86` | `oklch(90.57% 0.1121 87.95)` | Broiled Flounder | black, 15.8 to 1 |
| 49 | `#ffe18d` | `oklch(91.71% 0.1087 90.67)` | Banana Republic | black, 16.4 to 1 |
| 50 | `#ffe38a` | `oklch(92.01% 0.1130 92.72)` | Bicycle Yellow | black, 16.6 to 1 |
| 51 | `#fbe289` | `oklch(91.56% 0.1125 94.20)` | Sweet Chamomile | black, 16.4 to 1 |
| 52 | `#f6df87` | `oklch(90.47% 0.1116 95.18)` | Plains | black, 15.8 to 1 |
| 53 | `#f0da83` | `oklch(88.82% 0.1104 95.71)` | Buff | black, 15 to 1 |
| 54 | `#e9d37d` | `oklch(86.73% 0.1090 95.87)` | Beach House | black, 14.1 to 1 |
| 55 | `#e0cb77` | `oklch(84.28% 0.1074 95.72)` | Sand | black, 13 to 1 |
| 56 | `#d8c270` | `oklch(81.58% 0.1056 95.32)` | Citrus Yellow | black, 11.9 to 1 |
| 57 | `#cfb969` | `oklch(78.72% 0.1038 94.73)` | Banh Bot Loc Dumpling | black, 10.7 to 1 |
| 58 | `#c6b061` | `oklch(75.80% 0.1020 94.02)` | Split Pea Soup | black, 9.7 to 1 |
| 59 | `#bda65a` | `oklch(72.93% 0.1002 93.26)` | Nonpareil Apple | black, 8.7 to 1 |
| 60 | `#b49d53` | `oklch(70.19% 0.0985 92.50)` | Woollen Mittens | black, 7.9 to 1 |
| 61 | `#ad954d` | `oklch(67.69% 0.0969 91.81)` | Obsession | black, 7.2 to 1 |
| 62 | `#a68f47` | `oklch(65.53% 0.0956 91.26)` | Plaguelands Beige | black, 6.6 to 1 |
| 63 | `#a18943` | `oklch(63.80% 0.0945 90.91)` | Ecru Olive | black, 6.1 to 1 |
| 64 | `#9d8640` | `oklch(62.60% 0.0937 90.83)` | Madagascar | black, 5.9 to 1 |

## CSS

```css
background: linear-gradient(135deg, #47201c 0.0%, #462119 1.6%, #442115 3.2%, #422211 4.8%, #3f240d 6.3%, #3a250a 7.9%, #352709 9.5%, #30280a 11.1%, #2a290d 12.7%, #252911 14.3%, #202914 15.9%, #1c2917 17.5%, #182819 19.0%, #15271b 20.6%, #13271c 22.2%, #12261b 23.8%, #11251b 25.4%, #102418 27.0%, #0f2214 28.6%, #101f0f 30.2%, #111c08 31.7%, #141902 33.3%, #161400 34.9%, #171000 36.5%, #180d00 38.1%, #190900 39.7%, #1a0600 41.3%, #1e0300 42.9%, #210001 44.4%, #230005 46.0%, #26000a 47.6%, #2b0010 49.2%, #320116 50.8%, #3c071d 52.4%, #481025 54.0%, #571c2d 55.6%, #682935 57.1%, #7b373d 58.7%, #8e4744 60.3%, #a2594b 61.9%, #b56b52 63.5%, #c77f58 65.1%, #d6925f 66.7%, #e4a567 68.3%, #eeb76f 69.8%, #f6c678 71.4%, #fcd37f 73.0%, #ffdc86 74.6%, #ffe18d 76.2%, #ffe38a 77.8%, #fbe289 79.4%, #f6df87 81.0%, #f0da83 82.5%, #e9d37d 84.1%, #e0cb77 85.7%, #d8c270 87.3%, #cfb969 88.9%, #c6b061 90.5%, #bda65a 92.1%, #b49d53 93.7%, #ad954d 95.2%, #a68f47 96.8%, #a18943 98.4%, #9d8640 100.0%);
background: linear-gradient(135deg in oklch, oklch(29.92% 0.0606 27.42) 0.0%, oklch(29.72% 0.0595 32.72) 1.6%, oklch(29.48% 0.0579 39.95) 3.2%, oklch(29.20% 0.0560 48.77) 4.8%, oklch(28.89% 0.0538 58.87) 6.3%, oklch(28.55% 0.0514 69.91) 7.9%, oklch(28.19% 0.0488 81.58) 9.5%, oklch(27.81% 0.0462 93.53) 11.1%, oklch(27.41% 0.0436 105.45) 12.7%, oklch(27.01% 0.0411 117.00) 14.3%, oklch(26.60% 0.0388 127.87) 15.9%, oklch(26.19% 0.0368 137.72) 17.5%, oklch(25.79% 0.0351 146.22) 19.0%, oklch(25.39% 0.0338 153.06) 20.6%, oklch(25.02% 0.0330 157.90) 22.2%, oklch(24.66% 0.0328 160.41) 23.8%, oklch(24.32% 0.0332 160.26) 25.4%, oklch(23.79% 0.0343 157.04) 27.0%, oklch(23.03% 0.0360 150.98) 28.6%, oklch(22.10% 0.0381 142.49) 30.2%, oklch(21.06% 0.0407 132.00) 31.7%, oklch(19.96% 0.0437 119.91) 33.3%, oklch(18.88% 0.0404 106.51) 34.9%, oklch(17.85% 0.0365 92.09) 36.5%, oklch(16.93% 0.0354 77.23) 38.1%, oklch(16.20% 0.0371 62.51) 39.7%, oklch(15.70% 0.0424 48.50) 41.3%, oklch(15.49% 0.0534 35.69) 42.9%, oklch(15.70% 0.0638 26.11) 44.4%, oklch(16.24% 0.0650 16.09) 46.0%, oklch(17.25% 0.0691 8.16) 47.6%, oklch(18.77% 0.0757 2.80) 49.2%, oklch(20.87% 0.0812 0.15) 50.8%, oklch(23.92% 0.0838 0.07) 52.4%, oklch(27.78% 0.0865 1.94) 54.0%, oklch(32.33% 0.0892 5.52) 55.6%, oklch(37.41% 0.0919 10.54) 57.1%, oklch(42.90% 0.0946 16.74) 58.7%, oklch(48.67% 0.0972 23.88) 60.3%, oklch(54.57% 0.0997 31.70) 61.9%, oklch(60.48% 0.1021 39.94) 63.5%, oklch(66.25% 0.1043 48.34) 65.1%, oklch(71.76% 0.1064 56.66) 66.7%, oklch(76.86% 0.1082 64.63) 68.3%, oklch(81.43% 0.1098 72.00) 69.8%, oklch(85.33% 0.1111 78.51) 71.4%, oklch(88.42% 0.1122 83.91) 73.0%, oklch(90.57% 0.1121 87.95) 74.6%, oklch(91.71% 0.1087 90.67) 76.2%, oklch(92.01% 0.1130 92.72) 77.8%, oklch(91.56% 0.1125 94.20) 79.4%, oklch(90.47% 0.1116 95.18) 81.0%, oklch(88.82% 0.1104 95.71) 82.5%, oklch(86.73% 0.1090 95.87) 84.1%, oklch(84.28% 0.1074 95.72) 85.7%, oklch(81.58% 0.1056 95.32) 87.3%, oklch(78.72% 0.1038 94.73) 88.9%, oklch(75.80% 0.1020 94.02) 90.5%, oklch(72.93% 0.1002 93.26) 92.1%, oklch(70.19% 0.0985 92.50) 93.7%, oklch(67.69% 0.0969 91.81) 95.2%, oklch(65.53% 0.0956 91.26) 96.8%, oklch(63.80% 0.0945 90.91) 98.4%, oklch(62.60% 0.0937 90.83) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.299 | 0.061 | 27.4 |
| 2 | 0.244 | 0.033 | 160.6 |
| 3 | 0.197 | 0.08 | 1 |
| 4 | 0.909 | 0.113 | 88.7 |
| 5 | 0.626 | 0.094 | 90.8 |

## Other forms

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