# Paper rust file gradient

Brown, gray and dark green linear gradient with 64 colors: #8f6e3a, #92723f, #957845, #9a7f4e, #9f8757, #a59062, #ab996d, #b2a379, #b9ad84, #c0b690, #c6bf9b, #ccc6a4, #d2cdad, #d7d3b3, #dad6b8, #dcd8ba, #dcd8b9, #dbd5b5, #d9d0ae, #d7c9a4, #d3c099, #d0b68c, #ccab7f, #c89e72, #c39166, #bd845b, #b77751, #b16b48, #aa5f41, #a35639, #9d4e32, #97482b, #914523, #8b4318, #834308, #794400, #6d4700, #634800, #584a01, #4c4c12, #424d20, #394d2a, #344d33, #324d3b, #324d41, #354e46, #3a504a, #3f524e, #445653, #4b5c58, #53635f, #5c6c67, #66766f, #718178, #7e8d81, #8b998a, #99a594, #a7b09d, #b6bca5, #c5c6ae, #d2d0b6, #dfd9be, #e9e0c4, #f1e5ca. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Brown, gray and dark green linear gradient
- Seed: `kWjjs3b49Cr4puO2CVB9Y404`
- Page: https://grabient.com/kWjjs3b49Cr4puO2CVB9Y404?steps=64&angle=135
- Drawn as: linear gradient, 64 steps, 135 degrees
- Kinds: dark center, muted
- Hues: analogous
- Contrast of its darkest and lightest colors: 7.4 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 | `#8f6e3a` | `oklch(55.91% 0.0813 77.34)` | Mango Squash | white, 4.7 to 1 |
| 2 | `#92723f` | `oklch(57.18% 0.0797 78.33)` | Sconce Gold | black, 4.6 to 1 |
| 3 | `#957845` | `oklch(58.91% 0.0774 79.75)` | Antique Penny | black, 5 to 1 |
| 4 | `#9a7f4e` | `oklch(61.03% 0.0745 81.53)` | Bronzed Brass | black, 5.5 to 1 |
| 5 | `#9f8757` | `oklch(63.46% 0.0713 83.59)` | Wasteland | black, 6 to 1 |
| 6 | `#a59062` | `oklch(66.11% 0.0677 85.84)` | Rattan | black, 6.7 to 1 |
| 7 | `#ab996d` | `oklch(68.91% 0.0639 88.21)` | Sunbaked Adobe | black, 7.5 to 1 |
| 8 | `#b2a379` | `oklch(71.78% 0.0601 90.60)` | Gold Infusion | black, 8.4 to 1 |
| 9 | `#b9ad84` | `oklch(74.64% 0.0563 92.96)` | Crocodile Green | black, 9.3 to 1 |
| 10 | `#c0b690` | `oklch(77.41% 0.0527 95.18)` | Bayou Shade | black, 10.3 to 1 |
| 11 | `#c6bf9b` | `oklch(80.02% 0.0493 97.19)` | Fields Afar | black, 11.2 to 1 |
| 12 | `#ccc6a4` | `oklch(82.38% 0.0463 98.91)` | Oyster White | black, 12.2 to 1 |
| 13 | `#d2cdad` | `oklch(84.41% 0.0439 100.25)` | Eaves | black, 13 to 1 |
| 14 | `#d7d3b3` | `oklch(86.04% 0.0421 101.14)` | Chinese Silk | black, 13.7 to 1 |
| 15 | `#dad6b8` | `oklch(87.19% 0.0410 101.50)` | New Growth | black, 14.3 to 1 |
| 16 | `#dcd8ba` | `oklch(87.77% 0.0408 101.24)` | Spring Day | black, 14.5 to 1 |
| 17 | `#dcd8b9` | `oklch(87.72% 0.0416 100.26)` | Spring Day | black, 14.5 to 1 |
| 18 | `#dbd5b5` | `oklch(86.99% 0.0438 98.09)` | New Growth | black, 14.2 to 1 |
| 19 | `#d9d0ae` | `oklch(85.66% 0.0473 94.73)` | Lovely Linen | black, 13.6 to 1 |
| 20 | `#d7c9a4` | `oklch(83.81% 0.0518 90.38)` | Spa Sangria | black, 12.7 to 1 |
| 21 | `#d3c099` | `oklch(81.51% 0.0572 85.27)` | Sandy Pail | black, 11.8 to 1 |
| 22 | `#d0b68c` | `oklch(78.84% 0.0633 79.61)` | Granivorous | black, 10.7 to 1 |
| 23 | `#ccab7f` | `oklch(75.89% 0.0699 73.62)` | Flax Straw | black, 9.6 to 1 |
| 24 | `#c89e72` | `oklch(72.74% 0.0767 67.52)` | Gingersnap | black, 8.5 to 1 |
| 25 | `#c39166` | `oklch(69.45% 0.0835 61.51)` | Butterum | black, 7.5 to 1 |
| 26 | `#bd845b` | `oklch(66.12% 0.0902 55.82)` | Orpington Chicken | black, 6.6 to 1 |
| 27 | `#b77751` | `oklch(62.83% 0.0964 50.66)` | Campfire Blaze | black, 5.7 to 1 |
| 28 | `#b16b48` | `oklch(59.64% 0.1021 46.25)` | Reynard | black, 5 to 1 |
| 29 | `#aa5f41` | `oklch(56.64% 0.1069 42.79)` | Pretty Parasol | white, 4.7 to 1 |
| 30 | `#a35639` | `oklch(53.92% 0.1107 40.52)` | Pennywise | white, 5.3 to 1 |
| 31 | `#9d4e32` | `oklch(51.55% 0.1133 39.64)` | Redridge Brown | white, 5.8 to 1 |
| 32 | `#97482b` | `oklch(49.60% 0.1144 40.38)` | Fluorescent Fire | white, 6.4 to 1 |
| 33 | `#914523` | `oklch(48.11% 0.1139 43.00)` | Madeira Brown | white, 6.8 to 1 |
| 34 | `#8b4318` | `oklch(46.71% 0.1118 47.91)` | Saddle Brown | white, 7.2 to 1 |
| 35 | `#834308` | `oklch(45.39% 0.1082 54.86)` | Chocolate Pancakes | white, 7.6 to 1 |
| 36 | `#794400` | `oklch(44.14% 0.1003 63.45)` | Dusky Brown | white, 7.9 to 1 |
| 37 | `#6d4700` | `oklch(43.00% 0.0914 73.50)` | Antique Bronze | white, 8.2 to 1 |
| 38 | `#634800` | `oklch(41.97% 0.0861 84.61)` | Mud Brown | white, 8.5 to 1 |
| 39 | `#584a01` | `oklch(41.08% 0.0838 96.47)` | Scorzonera Brown | white, 8.7 to 1 |
| 40 | `#4c4c12` | `oklch(40.34% 0.0762 108.67)` | Scorzonera Brown | white, 8.9 to 1 |
| 41 | `#424d20` | `oklch(39.78% 0.0684 120.92)` | Bronze Tone | white, 9.1 to 1 |
| 42 | `#394d2a` | `oklch(39.40% 0.0606 132.90)` | Nettle Green | white, 9.2 to 1 |
| 43 | `#344d33` | `oklch(39.24% 0.0530 144.27)` | Nettle Green | white, 9.2 to 1 |
| 44 | `#324d3b` | `oklch(39.30% 0.0459 154.71)` | Norfolk Green | white, 9.2 to 1 |
| 45 | `#324d41` | `oklch(39.61% 0.0393 163.87)` | Pine Needle | white, 9.1 to 1 |
| 46 | `#354e46` | `oklch(40.18% 0.0336 171.44)` | Amphitrite | white, 8.9 to 1 |
| 47 | `#3a504a` | `oklch(41.03% 0.0289 177.08)` | Heavy Black Green | white, 8.6 to 1 |
| 48 | `#3f524e` | `oklch(42.18% 0.0255 180.45)` | Gedney Green | white, 8.2 to 1 |
| 49 | `#445653` | `oklch(43.74% 0.0232 181.40)` | All Nighter | white, 7.7 to 1 |
| 50 | `#4b5c58` | `oklch(45.88% 0.0219 180.27)` | Silken Pine | white, 7 to 1 |
| 51 | `#53635f` | `oklch(48.53% 0.0212 177.33)` | Blue Fir | white, 6.3 to 1 |
| 52 | `#5c6c67` | `oklch(51.61% 0.0212 172.82)` | Artistic Stone | white, 5.5 to 1 |
| 53 | `#66766f` | `oklch(55.05% 0.0218 167.01)` | Sirocco | white, 4.7 to 1 |
| 54 | `#718178` | `oklch(58.75% 0.0228 160.13)` | Studio Blue Green | black, 5.1 to 1 |
| 55 | `#7e8d81` | `oklch(62.63% 0.0242 152.44)` | Salty Sea | black, 5.9 to 1 |
| 56 | `#8b998a` | `oklch(66.62% 0.0259 144.19)` | Birch Forest | black, 6.9 to 1 |
| 57 | `#99a594` | `oklch(70.64% 0.0277 135.62)` | Coronado Moss | black, 8.1 to 1 |
| 58 | `#a7b09d` | `oklch(74.59% 0.0297 126.99)` | Limestone Green | black, 9.3 to 1 |
| 59 | `#b6bca5` | `oklch(78.41% 0.0317 118.55)` | Dried Chervil | black, 10.7 to 1 |
| 60 | `#c5c6ae` | `oklch(82.00% 0.0336 110.55)` | Tame Thyme | black, 12 to 1 |
| 61 | `#d2d0b6` | `oklch(85.29% 0.0353 103.23)` | White Rock | black, 13.4 to 1 |
| 62 | `#dfd9be` | `oklch(88.19% 0.0368 96.86)` | Happy Margarine | black, 14.7 to 1 |
| 63 | `#e9e0c4` | `oklch(90.63% 0.0379 91.67)` | Sailcloth | black, 15.9 to 1 |
| 64 | `#f1e5ca` | `oklch(92.52% 0.0386 87.91)` | Putting Bench | black, 16.8 to 1 |

## CSS

```css
background: linear-gradient(135deg, #8f6e3a 0.0%, #92723f 1.6%, #957845 3.2%, #9a7f4e 4.8%, #9f8757 6.3%, #a59062 7.9%, #ab996d 9.5%, #b2a379 11.1%, #b9ad84 12.7%, #c0b690 14.3%, #c6bf9b 15.9%, #ccc6a4 17.5%, #d2cdad 19.0%, #d7d3b3 20.6%, #dad6b8 22.2%, #dcd8ba 23.8%, #dcd8b9 25.4%, #dbd5b5 27.0%, #d9d0ae 28.6%, #d7c9a4 30.2%, #d3c099 31.7%, #d0b68c 33.3%, #ccab7f 34.9%, #c89e72 36.5%, #c39166 38.1%, #bd845b 39.7%, #b77751 41.3%, #b16b48 42.9%, #aa5f41 44.4%, #a35639 46.0%, #9d4e32 47.6%, #97482b 49.2%, #914523 50.8%, #8b4318 52.4%, #834308 54.0%, #794400 55.6%, #6d4700 57.1%, #634800 58.7%, #584a01 60.3%, #4c4c12 61.9%, #424d20 63.5%, #394d2a 65.1%, #344d33 66.7%, #324d3b 68.3%, #324d41 69.8%, #354e46 71.4%, #3a504a 73.0%, #3f524e 74.6%, #445653 76.2%, #4b5c58 77.8%, #53635f 79.4%, #5c6c67 81.0%, #66766f 82.5%, #718178 84.1%, #7e8d81 85.7%, #8b998a 87.3%, #99a594 88.9%, #a7b09d 90.5%, #b6bca5 92.1%, #c5c6ae 93.7%, #d2d0b6 95.2%, #dfd9be 96.8%, #e9e0c4 98.4%, #f1e5ca 100.0%);
background: linear-gradient(135deg in oklch, oklch(55.91% 0.0813 77.34) 0.0%, oklch(57.18% 0.0797 78.33) 1.6%, oklch(58.91% 0.0774 79.75) 3.2%, oklch(61.03% 0.0745 81.53) 4.8%, oklch(63.46% 0.0713 83.59) 6.3%, oklch(66.11% 0.0677 85.84) 7.9%, oklch(68.91% 0.0639 88.21) 9.5%, oklch(71.78% 0.0601 90.60) 11.1%, oklch(74.64% 0.0563 92.96) 12.7%, oklch(77.41% 0.0527 95.18) 14.3%, oklch(80.02% 0.0493 97.19) 15.9%, oklch(82.38% 0.0463 98.91) 17.5%, oklch(84.41% 0.0439 100.25) 19.0%, oklch(86.04% 0.0421 101.14) 20.6%, oklch(87.19% 0.0410 101.50) 22.2%, oklch(87.77% 0.0408 101.24) 23.8%, oklch(87.72% 0.0416 100.26) 25.4%, oklch(86.99% 0.0438 98.09) 27.0%, oklch(85.66% 0.0473 94.73) 28.6%, oklch(83.81% 0.0518 90.38) 30.2%, oklch(81.51% 0.0572 85.27) 31.7%, oklch(78.84% 0.0633 79.61) 33.3%, oklch(75.89% 0.0699 73.62) 34.9%, oklch(72.74% 0.0767 67.52) 36.5%, oklch(69.45% 0.0835 61.51) 38.1%, oklch(66.12% 0.0902 55.82) 39.7%, oklch(62.83% 0.0964 50.66) 41.3%, oklch(59.64% 0.1021 46.25) 42.9%, oklch(56.64% 0.1069 42.79) 44.4%, oklch(53.92% 0.1107 40.52) 46.0%, oklch(51.55% 0.1133 39.64) 47.6%, oklch(49.60% 0.1144 40.38) 49.2%, oklch(48.11% 0.1139 43.00) 50.8%, oklch(46.71% 0.1118 47.91) 52.4%, oklch(45.39% 0.1082 54.86) 54.0%, oklch(44.14% 0.1003 63.45) 55.6%, oklch(43.00% 0.0914 73.50) 57.1%, oklch(41.97% 0.0861 84.61) 58.7%, oklch(41.08% 0.0838 96.47) 60.3%, oklch(40.34% 0.0762 108.67) 61.9%, oklch(39.78% 0.0684 120.92) 63.5%, oklch(39.40% 0.0606 132.90) 65.1%, oklch(39.24% 0.0530 144.27) 66.7%, oklch(39.30% 0.0459 154.71) 68.3%, oklch(39.61% 0.0393 163.87) 69.8%, oklch(40.18% 0.0336 171.44) 71.4%, oklch(41.03% 0.0289 177.08) 73.0%, oklch(42.18% 0.0255 180.45) 74.6%, oklch(43.74% 0.0232 181.40) 76.2%, oklch(45.88% 0.0219 180.27) 77.8%, oklch(48.53% 0.0212 177.33) 79.4%, oklch(51.61% 0.0212 172.82) 81.0%, oklch(55.05% 0.0218 167.01) 82.5%, oklch(58.75% 0.0228 160.13) 84.1%, oklch(62.63% 0.0242 152.44) 85.7%, oklch(66.62% 0.0259 144.19) 87.3%, oklch(70.64% 0.0277 135.62) 88.9%, oklch(74.59% 0.0297 126.99) 90.5%, oklch(78.41% 0.0317 118.55) 92.1%, oklch(82.00% 0.0336 110.55) 93.7%, oklch(85.29% 0.0353 103.23) 95.2%, oklch(88.19% 0.0368 96.86) 96.8%, oklch(90.63% 0.0379 91.67) 98.4%, oklch(92.52% 0.0386 87.91) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.559 | 0.081 | 77.3 |
| 2 | 0.878 | 0.041 | 100.6 |
| 3 | 0.488 | 0.114 | 41.4 |
| 4 | 0.425 | 0.025 | 180.9 |
| 5 | 0.925 | 0.039 | 87.9 |

## In these collections

- [Analog office nostalgia](https://grabient.com/analog-office-nostalgia)

## Other forms

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