# Brown and green linear gradient

Brown and green linear gradient with 64 colors: #825f32, #815d32, #7f5b33, #7d5934, #7a5635, #765436, #735137, #6f4e38, #6b4c38, #674938, #634739, #604539, #5d4339, #5b4238, #5a4138, #5a4038, #5b4038, #5d4038, #604038, #654138, #6a4238, #714338, #774438, #7f4538, #864638, #8d4837, #944935, #9b4b33, #a14c30, #a64e2c, #aa5027, #ac531f, #ad5615, #ac5a00, #a66100, #9f6700, #986d00, #8f7200, #867800, #7a7d14, #6c812a, #60843a, #548547, #4a8652, #44865a, #40855f, #3e8361, #3f8261, #42805e, #487d58, #4e7950, #557447, #5d6e3e, #646836, #696130, #6e5a2d, #71542d, #714d31, #714835, #6e443b, #6b4040, #673e44, #643c47, #613b49. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWgjgyso678WwwVGH00MxSsg`
- Page: https://grabient.com/kWgjgyso678WwwVGH00MxSsg?steps=64&angle=135
- Drawn as: linear gradient, 64 steps, 135 degrees
- Kinds: warm
- Hues: two-hue
- Contrast of its darkest and lightest colors: 2.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 | `#825f32` | `oklch(51.18% 0.0772 71.02)` | Bronze Brown | white, 5.7 to 1 |
| 2 | `#815d32` | `oklch(50.72% 0.0756 69.72)` | Bronze Brown | white, 5.9 to 1 |
| 3 | `#7f5b33` | `oklch(50.10% 0.0733 68.04)` | Rubber | white, 6 to 1 |
| 4 | `#7d5934` | `oklch(49.33% 0.0705 66.02)` | Über Umber | white, 6.2 to 1 |
| 5 | `#7a5635` | `oklch(48.45% 0.0672 63.72)` | Cold Brew Coffee | white, 6.5 to 1 |
| 6 | `#765436` | `oklch(47.49% 0.0636 61.22)` | Pheasant Brown | white, 6.7 to 1 |
| 7 | `#735137` | `oklch(46.48% 0.0598 58.56)` | Toffee | white, 7.1 to 1 |
| 8 | `#6f4e38` | `oklch(45.44% 0.0560 55.81)` | Coffee | white, 7.4 to 1 |
| 9 | `#6b4c38` | `oklch(44.41% 0.0522 53.03)` | Guitar | white, 7.7 to 1 |
| 10 | `#674938` | `oklch(43.41% 0.0487 50.29)` | Buckeye | white, 8.1 to 1 |
| 11 | `#634739` | `oklch(42.47% 0.0455 47.63)` | Copra | white, 8.4 to 1 |
| 12 | `#604539` | `oklch(41.63% 0.0427 45.13)` | Hickory Plank | white, 8.7 to 1 |
| 13 | `#5d4339` | `oklch(40.91% 0.0406 42.84)` | Daniel Boone | white, 9 to 1 |
| 14 | `#5b4238` | `oklch(40.33% 0.0391 40.83)` | Lava Cake | white, 9.2 to 1 |
| 15 | `#5a4138` | `oklch(39.94% 0.0386 39.15)` | Lava Cake | white, 9.3 to 1 |
| 16 | `#5a4038` | `oklch(39.75% 0.0389 37.87)` | Shaved Chocolate | white, 9.4 to 1 |
| 17 | `#5b4038` | `oklch(39.80% 0.0405 37.02)` | Shaved Chocolate | white, 9.4 to 1 |
| 18 | `#5d4038` | `oklch(40.11% 0.0434 36.31)` | Shaved Chocolate | white, 9.3 to 1 |
| 19 | `#604038` | `oklch(40.64% 0.0477 35.61)` | American Milking Devon | white, 9.1 to 1 |
| 20 | `#654138` | `oklch(41.38% 0.0532 34.97)` | Brunette | white, 8.8 to 1 |
| 21 | `#6a4238` | `oklch(42.29% 0.0596 34.43)` | Rugged Brown | white, 8.5 to 1 |
| 22 | `#714338` | `oklch(43.34% 0.0668 34.03)` | Uluru Sunset | white, 8.2 to 1 |
| 23 | `#774438` | `oklch(44.49% 0.0744 33.81)` | Bole | white, 7.8 to 1 |
| 24 | `#7f4538` | `oklch(45.72% 0.0824 33.82)` | Armadillo Egg | white, 7.4 to 1 |
| 25 | `#864638` | `oklch(46.99% 0.0905 34.10)` | Deep Orange-Coloured Brown | white, 7.1 to 1 |
| 26 | `#8d4837` | `oklch(48.27% 0.0985 34.68)` | Suzumecha Brown | white, 6.7 to 1 |
| 27 | `#944935` | `oklch(49.53% 0.1062 35.62)` | Arabian Spice | white, 6.4 to 1 |
| 28 | `#9b4b33` | `oklch(50.74% 0.1134 36.94)` | Spicy Hue | white, 6.1 to 1 |
| 29 | `#a14c30` | `oklch(51.87% 0.1199 38.69)` | Redridge Brown | white, 5.8 to 1 |
| 30 | `#a64e2c` | `oklch(52.89% 0.1254 40.92)` | Alfajor Brown | white, 5.5 to 1 |
| 31 | `#aa5027` | `oklch(53.76% 0.1297 43.66)` | Rose of Sharon | white, 5.3 to 1 |
| 32 | `#ac531f` | `oklch(54.45% 0.1327 46.95)` | Wine Barrel | white, 5.2 to 1 |
| 33 | `#ad5615` | `oklch(54.96% 0.1342 51.00)` | Mahogany Finish | white, 5.1 to 1 |
| 34 | `#ac5a00` | `oklch(55.39% 0.1345 56.65)` | Mid Century Furniture | white, 4.9 to 1 |
| 35 | `#a66100` | `oklch(55.77% 0.1264 63.73)` | Raw Umber | white, 4.8 to 1 |
| 36 | `#9f6700` | `oklch(56.09% 0.1201 72.05)` | Cumin Ochre | white, 4.7 to 1 |
| 37 | `#986d00` | `oklch(56.35% 0.1163 81.27)` | Chamois Yellow | white, 4.6 to 1 |
| 38 | `#8f7200` | `oklch(56.55% 0.1156 91.11)` | Vermin Brown | black, 4.6 to 1 |
| 39 | `#867800` | `oklch(56.69% 0.1184 101.28)` | Soft Fig | black, 4.6 to 1 |
| 40 | `#7a7d14` | `oklch(56.78% 0.1188 111.49)` | Pacifika | black, 4.7 to 1 |
| 41 | `#6c812a` | `oklch(56.80% 0.1145 121.45)` | Swamp Moss | black, 4.8 to 1 |
| 42 | `#60843a` | `oklch(56.76% 0.1099 130.87)` | Stamnankáthi Green | black, 4.8 to 1 |
| 43 | `#548547` | `oklch(56.66% 0.1053 139.47)` | Beanpole | black, 4.8 to 1 |
| 44 | `#4a8652` | `oklch(56.50% 0.1008 146.96)` | Kilkenny | black, 4.8 to 1 |
| 45 | `#44865a` | `oklch(56.28% 0.0965 153.06)` | Kilkenny | black, 4.7 to 1 |
| 46 | `#40855f` | `oklch(56.00% 0.0926 157.48)` | Adamite Green | black, 4.7 to 1 |
| 47 | `#3e8361` | `oklch(55.65% 0.0890 159.93)` | Leisure Green | black, 4.6 to 1 |
| 48 | `#3f8261` | `oklch(55.23% 0.0861 160.12)` | Leisure Green | white, 4.6 to 1 |
| 49 | `#42805e` | `oklch(54.72% 0.0836 157.74)` | Leisure Green | white, 4.7 to 1 |
| 50 | `#487d58` | `oklch(54.05% 0.0812 152.74)` | Rokushō Green | white, 4.8 to 1 |
| 51 | `#4e7950` | `oklch(53.23% 0.0789 145.46)` | Torrey Pine | white, 5 to 1 |
| 52 | `#557447` | `oklch(52.29% 0.0766 136.23)` | Artichoke Green | white, 5.2 to 1 |
| 53 | `#5d6e3e` | `oklch(51.26% 0.0744 125.39)` | Crisp Capsicum | white, 5.5 to 1 |
| 54 | `#646836` | `oklch(50.15% 0.0722 113.27)` | Jungle Civilization | white, 5.8 to 1 |
| 55 | `#696130` | `oklch(49.00% 0.0702 100.21)` | Saguaro | white, 6.2 to 1 |
| 56 | `#6e5a2d` | `oklch(47.81% 0.0682 86.55)` | Olivary | white, 6.6 to 1 |
| 57 | `#71542d` | `oklch(46.62% 0.0663 72.63)` | Bark Brown | white, 7 to 1 |
| 58 | `#714d31` | `oklch(45.45% 0.0645 58.77)` | Coffee | white, 7.4 to 1 |
| 59 | `#714835` | `oklch(44.33% 0.0629 45.32)` | Santana Soul | white, 7.8 to 1 |
| 60 | `#6e443b` | `oklch(43.27% 0.0613 32.62)` | Uluru Sunset | white, 8.2 to 1 |
| 61 | `#6b4040` | `oklch(42.30% 0.0599 21.00)` | Burgundy Wine | white, 8.6 to 1 |
| 62 | `#673e44` | `oklch(41.44% 0.0586 10.79)` | Beetroot | white, 8.9 to 1 |
| 63 | `#643c47` | `oklch(40.72% 0.0575 2.34)` | Wine Goblet | white, 9.2 to 1 |
| 64 | `#613b49` | `oklch(40.16% 0.0565 355.99)` | Tawny Port | white, 9.4 to 1 |

## CSS

```css
background: linear-gradient(135deg, #825f32 0.0%, #815d32 1.6%, #7f5b33 3.2%, #7d5934 4.8%, #7a5635 6.3%, #765436 7.9%, #735137 9.5%, #6f4e38 11.1%, #6b4c38 12.7%, #674938 14.3%, #634739 15.9%, #604539 17.5%, #5d4339 19.0%, #5b4238 20.6%, #5a4138 22.2%, #5a4038 23.8%, #5b4038 25.4%, #5d4038 27.0%, #604038 28.6%, #654138 30.2%, #6a4238 31.7%, #714338 33.3%, #774438 34.9%, #7f4538 36.5%, #864638 38.1%, #8d4837 39.7%, #944935 41.3%, #9b4b33 42.9%, #a14c30 44.4%, #a64e2c 46.0%, #aa5027 47.6%, #ac531f 49.2%, #ad5615 50.8%, #ac5a00 52.4%, #a66100 54.0%, #9f6700 55.6%, #986d00 57.1%, #8f7200 58.7%, #867800 60.3%, #7a7d14 61.9%, #6c812a 63.5%, #60843a 65.1%, #548547 66.7%, #4a8652 68.3%, #44865a 69.8%, #40855f 71.4%, #3e8361 73.0%, #3f8261 74.6%, #42805e 76.2%, #487d58 77.8%, #4e7950 79.4%, #557447 81.0%, #5d6e3e 82.5%, #646836 84.1%, #696130 85.7%, #6e5a2d 87.3%, #71542d 88.9%, #714d31 90.5%, #714835 92.1%, #6e443b 93.7%, #6b4040 95.2%, #673e44 96.8%, #643c47 98.4%, #613b49 100.0%);
background: linear-gradient(135deg in oklch, oklch(51.18% 0.0772 71.02) 0.0%, oklch(50.72% 0.0756 69.72) 1.6%, oklch(50.10% 0.0733 68.04) 3.2%, oklch(49.33% 0.0705 66.02) 4.8%, oklch(48.45% 0.0672 63.72) 6.3%, oklch(47.49% 0.0636 61.22) 7.9%, oklch(46.48% 0.0598 58.56) 9.5%, oklch(45.44% 0.0560 55.81) 11.1%, oklch(44.41% 0.0522 53.03) 12.7%, oklch(43.41% 0.0487 50.29) 14.3%, oklch(42.47% 0.0455 47.63) 15.9%, oklch(41.63% 0.0427 45.13) 17.5%, oklch(40.91% 0.0406 42.84) 19.0%, oklch(40.33% 0.0391 40.83) 20.6%, oklch(39.94% 0.0386 39.15) 22.2%, oklch(39.75% 0.0389 37.87) 23.8%, oklch(39.80% 0.0405 37.02) 25.4%, oklch(40.11% 0.0434 36.31) 27.0%, oklch(40.64% 0.0477 35.61) 28.6%, oklch(41.38% 0.0532 34.97) 30.2%, oklch(42.29% 0.0596 34.43) 31.7%, oklch(43.34% 0.0668 34.03) 33.3%, oklch(44.49% 0.0744 33.81) 34.9%, oklch(45.72% 0.0824 33.82) 36.5%, oklch(46.99% 0.0905 34.10) 38.1%, oklch(48.27% 0.0985 34.68) 39.7%, oklch(49.53% 0.1062 35.62) 41.3%, oklch(50.74% 0.1134 36.94) 42.9%, oklch(51.87% 0.1199 38.69) 44.4%, oklch(52.89% 0.1254 40.92) 46.0%, oklch(53.76% 0.1297 43.66) 47.6%, oklch(54.45% 0.1327 46.95) 49.2%, oklch(54.96% 0.1342 51.00) 50.8%, oklch(55.39% 0.1345 56.65) 52.4%, oklch(55.77% 0.1264 63.73) 54.0%, oklch(56.09% 0.1201 72.05) 55.6%, oklch(56.35% 0.1163 81.27) 57.1%, oklch(56.55% 0.1156 91.11) 58.7%, oklch(56.69% 0.1184 101.28) 60.3%, oklch(56.78% 0.1188 111.49) 61.9%, oklch(56.80% 0.1145 121.45) 63.5%, oklch(56.76% 0.1099 130.87) 65.1%, oklch(56.66% 0.1053 139.47) 66.7%, oklch(56.50% 0.1008 146.96) 68.3%, oklch(56.28% 0.0965 153.06) 69.8%, oklch(56.00% 0.0926 157.48) 71.4%, oklch(55.65% 0.0890 159.93) 73.0%, oklch(55.23% 0.0861 160.12) 74.6%, oklch(54.72% 0.0836 157.74) 76.2%, oklch(54.05% 0.0812 152.74) 77.8%, oklch(53.23% 0.0789 145.46) 79.4%, oklch(52.29% 0.0766 136.23) 81.0%, oklch(51.26% 0.0744 125.39) 82.5%, oklch(50.15% 0.0722 113.27) 84.1%, oklch(49.00% 0.0702 100.21) 85.7%, oklch(47.81% 0.0682 86.55) 87.3%, oklch(46.62% 0.0663 72.63) 88.9%, oklch(45.45% 0.0645 58.77) 90.5%, oklch(44.33% 0.0629 45.32) 92.1%, oklch(43.27% 0.0613 32.62) 93.7%, oklch(42.30% 0.0599 21.00) 95.2%, oklch(41.44% 0.0586 10.79) 96.8%, oklch(40.72% 0.0575 2.34) 98.4%, oklch(40.16% 0.0565 355.99) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.512 | 0.077 | 71 |
| 2 | 0.398 | 0.04 | 37.2 |
| 3 | 0.547 | 0.134 | 48.8 |
| 4 | 0.551 | 0.085 | 159.8 |
| 5 | 0.402 | 0.056 | -4 |

## Other forms

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