# Brass plum leaf diagonal

Warm tan, olive, brown and purple linear gradient with 48 colors: #e9cb67, #e3c764, #dcc361, #d3be5e, #cab85b, #bfb257, #b5ac53, #aba54f, #a29f4b, #9a9846, #949242, #8f8d3c, #8d8837, #8d8430, #8e8027, #907d1c, #94790c, #987500, #9c7200, #a06e00, #a46a00, #a96500, #ad5f00, #b05902, #af5419, #ac4f29, #a64a37, #9d4743, #93444c, #884253, #7e4157, #73415a, #6b415a, #65425a, #62435a, #62455b, #66495d, #6e4e60, #7a5563, #875d66, #966768, #a57368, #b28068, #bd8e68, #c49d69, #c8ab6d, #cab772, #cac077. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Warm tan, olive, brown and purple linear gradient
- Seed: `kW11pCTqXBkayOW3ErcZaJOo`
- Page: https://grabient.com/kW11pCTqXBkayOW3ErcZaJOo?steps=48&angle=135
- Drawn as: linear gradient, 48 steps, 135 degrees
- Kinds: dark center, vivid, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 5.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 | `#e9cb67` | `oklch(84.65% 0.1240 92.81)` | Sulphur Pit | black, 13.1 to 1 |
| 2 | `#e3c764` | `oklch(83.46% 0.1228 93.72)` | Tasman Honey Yellow | black, 12.6 to 1 |
| 3 | `#dcc361` | `oklch(81.90% 0.1210 95.17)` | Crusade King | black, 12 to 1 |
| 4 | `#d3be5e` | `oklch(80.03% 0.1189 97.01)` | Mustard Oil | black, 11.3 to 1 |
| 5 | `#cab85b` | `oklch(77.93% 0.1164 99.10)` | Almond Puff | black, 10.5 to 1 |
| 6 | `#bfb257` | `oklch(75.67% 0.1138 101.27)` | Tarpon Green | black, 9.7 to 1 |
| 7 | `#b5ac53` | `oklch(73.33% 0.1112 103.37)` | Dill Green | black, 8.9 to 1 |
| 8 | `#aba54f` | `oklch(70.97% 0.1088 105.26)` | The Goods | black, 8.2 to 1 |
| 9 | `#a29f4b` | `oklch(68.67% 0.1066 106.77)` | Poplar | black, 7.5 to 1 |
| 10 | `#9a9846` | `oklch(66.50% 0.1048 107.76)` | Luau Green | black, 6.9 to 1 |
| 11 | `#949242` | `oklch(64.54% 0.1036 108.08)` | April Hills | black, 6.4 to 1 |
| 12 | `#8f8d3c` | `oklch(62.85% 0.1032 107.57)` | Sycamore | black, 6 to 1 |
| 13 | `#8d8837` | `oklch(61.51% 0.1035 106.09)` | Woodbine | black, 5.7 to 1 |
| 14 | `#8d8430` | `oklch(60.47% 0.1053 103.72)` | Apeland | black, 5.4 to 1 |
| 15 | `#8e8027` | `oklch(59.66% 0.1083 100.62)` | Jungle Palm | black, 5.2 to 1 |
| 16 | `#907d1c` | `oklch(59.04% 0.1122 96.88)` | Moscow Papyrus | black, 5.1 to 1 |
| 17 | `#94790c` | `oklch(58.56% 0.1168 92.57)` | Bhūrā Brown | black, 5 to 1 |
| 18 | `#987500` | `oklch(58.19% 0.1190 87.78)` | Mesozoic Green | black, 4.9 to 1 |
| 19 | `#9c7200` | `oklch(57.89% 0.1191 82.63)` | Barbarian Leather | black, 4.8 to 1 |
| 20 | `#a06e00` | `oklch(57.61% 0.1204 77.19)` | Golden Hind | black, 4.7 to 1 |
| 21 | `#a46a00` | `oklch(57.31% 0.1230 71.55)` | Komodo | black, 4.6 to 1 |
| 22 | `#a96500` | `oklch(56.95% 0.1270 65.81)` | Butter Fudge | white, 4.6 to 1 |
| 23 | `#ad5f00` | `oklch(56.49% 0.1324 60.04)` | Orange Brown | white, 4.7 to 1 |
| 24 | `#b05902` | `oklch(55.88% 0.1386 54.39)` | Elm Brown Red | white, 4.9 to 1 |
| 25 | `#af5419` | `oklch(55.07% 0.1364 48.62)` | Wine Barrel | white, 5.1 to 1 |
| 26 | `#ac4f29` | `oklch(53.89% 0.1317 41.58)` | Rose of Sharon | white, 5.3 to 1 |
| 27 | `#a64a37` | `oklch(52.43% 0.1250 33.40)` | Barbarossa | white, 5.7 to 1 |
| 28 | `#9d4743` | `oklch(50.79% 0.1168 24.50)` | Lumberjack | white, 6.1 to 1 |
| 29 | `#93444c` | `oklch(49.06% 0.1075 15.29)` | Cowhide | white, 6.6 to 1 |
| 30 | `#884253` | `oklch(47.35% 0.0976 6.17)` | Dark Earth | white, 7 to 1 |
| 31 | `#7e4157` | `oklch(45.75% 0.0876 357.55)` | Cheerful Wine | white, 7.5 to 1 |
| 32 | `#73415a` | `oklch(44.37% 0.0779 349.83)` | Purple Drab | white, 7.9 to 1 |
| 33 | `#6b415a` | `oklch(43.31% 0.0690 343.42)` | Prune Purple | white, 8.3 to 1 |
| 34 | `#65425a` | `oklch(42.68% 0.0613 338.73)` | Hortensia | white, 8.4 to 1 |
| 35 | `#62435a` | `oklch(42.56% 0.0553 336.17)` | Hortensia | white, 8.5 to 1 |
| 36 | `#62455b` | `oklch(43.07% 0.0515 336.14)` | Ripe Mulberry | white, 8.3 to 1 |
| 37 | `#66495d` | `oklch(44.35% 0.0502 339.18)` | Bunchberry | white, 7.8 to 1 |
| 38 | `#6e4e60` | `oklch(46.47% 0.0508 345.55)` | Dynamic | white, 7.1 to 1 |
| 39 | `#7a5563` | `oklch(49.29% 0.0530 354.66)` | Passive Royal | white, 6.3 to 1 |
| 40 | `#875d66` | `oklch(52.65% 0.0565 5.92)` | Rabbit Paws | white, 5.5 to 1 |
| 41 | `#966768` | `oklch(56.39% 0.0610 18.72)` | Copper Rose | white, 4.7 to 1 |
| 42 | `#a57368` | `oklch(60.35% 0.0662 32.47)` | Toasted Nutmeg | black, 5.2 to 1 |
| 43 | `#b28068` | `oklch(64.37% 0.0718 46.57)` | Cider Spice | black, 6.1 to 1 |
| 44 | `#bd8e68` | `oklch(68.30% 0.0774 60.42)` | Nobody but Ben | black, 7.2 to 1 |
| 45 | `#c49d69` | `oklch(71.98% 0.0827 73.41)` | Amber Autumn | black, 8.3 to 1 |
| 46 | `#c8ab6d` | `oklch(75.25% 0.0874 84.95)` | Dried Moss | black, 9.4 to 1 |
| 47 | `#cab772` | `oklch(77.95% 0.0912 94.43)` | Autumn Wandering | black, 10.5 to 1 |
| 48 | `#cac077` | `oklch(79.92% 0.0937 101.27)` | Fresh Sprout | black, 11.2 to 1 |

## CSS

```css
background: linear-gradient(135deg, #e9cb67 0.0%, #e3c764 2.1%, #dcc361 4.3%, #d3be5e 6.4%, #cab85b 8.5%, #bfb257 10.6%, #b5ac53 12.8%, #aba54f 14.9%, #a29f4b 17.0%, #9a9846 19.1%, #949242 21.3%, #8f8d3c 23.4%, #8d8837 25.5%, #8d8430 27.7%, #8e8027 29.8%, #907d1c 31.9%, #94790c 34.0%, #987500 36.2%, #9c7200 38.3%, #a06e00 40.4%, #a46a00 42.6%, #a96500 44.7%, #ad5f00 46.8%, #b05902 48.9%, #af5419 51.1%, #ac4f29 53.2%, #a64a37 55.3%, #9d4743 57.4%, #93444c 59.6%, #884253 61.7%, #7e4157 63.8%, #73415a 66.0%, #6b415a 68.1%, #65425a 70.2%, #62435a 72.3%, #62455b 74.5%, #66495d 76.6%, #6e4e60 78.7%, #7a5563 80.9%, #875d66 83.0%, #966768 85.1%, #a57368 87.2%, #b28068 89.4%, #bd8e68 91.5%, #c49d69 93.6%, #c8ab6d 95.7%, #cab772 97.9%, #cac077 100.0%);
background: linear-gradient(135deg in oklch, oklch(84.65% 0.1240 92.81) 0.0%, oklch(83.46% 0.1228 93.72) 2.1%, oklch(81.90% 0.1210 95.17) 4.3%, oklch(80.03% 0.1189 97.01) 6.4%, oklch(77.93% 0.1164 99.10) 8.5%, oklch(75.67% 0.1138 101.27) 10.6%, oklch(73.33% 0.1112 103.37) 12.8%, oklch(70.97% 0.1088 105.26) 14.9%, oklch(68.67% 0.1066 106.77) 17.0%, oklch(66.50% 0.1048 107.76) 19.1%, oklch(64.54% 0.1036 108.08) 21.3%, oklch(62.85% 0.1032 107.57) 23.4%, oklch(61.51% 0.1035 106.09) 25.5%, oklch(60.47% 0.1053 103.72) 27.7%, oklch(59.66% 0.1083 100.62) 29.8%, oklch(59.04% 0.1122 96.88) 31.9%, oklch(58.56% 0.1168 92.57) 34.0%, oklch(58.19% 0.1190 87.78) 36.2%, oklch(57.89% 0.1191 82.63) 38.3%, oklch(57.61% 0.1204 77.19) 40.4%, oklch(57.31% 0.1230 71.55) 42.6%, oklch(56.95% 0.1270 65.81) 44.7%, oklch(56.49% 0.1324 60.04) 46.8%, oklch(55.88% 0.1386 54.39) 48.9%, oklch(55.07% 0.1364 48.62) 51.1%, oklch(53.89% 0.1317 41.58) 53.2%, oklch(52.43% 0.1250 33.40) 55.3%, oklch(50.79% 0.1168 24.50) 57.4%, oklch(49.06% 0.1075 15.29) 59.6%, oklch(47.35% 0.0976 6.17) 61.7%, oklch(45.75% 0.0876 357.55) 63.8%, oklch(44.37% 0.0779 349.83) 66.0%, oklch(43.31% 0.0690 343.42) 68.1%, oklch(42.68% 0.0613 338.73) 70.2%, oklch(42.56% 0.0553 336.17) 72.3%, oklch(43.07% 0.0515 336.14) 74.5%, oklch(44.35% 0.0502 339.18) 76.6%, oklch(46.47% 0.0508 345.55) 78.7%, oklch(49.29% 0.0530 354.66) 80.9%, oklch(52.65% 0.0565 5.92) 83.0%, oklch(56.39% 0.0610 18.72) 85.1%, oklch(60.35% 0.0662 32.47) 87.2%, oklch(64.37% 0.0718 46.57) 89.4%, oklch(68.30% 0.0774 60.42) 91.5%, oklch(71.98% 0.0827 73.41) 93.6%, oklch(75.25% 0.0874 84.95) 95.7%, oklch(77.95% 0.0912 94.43) 97.9%, oklch(79.92% 0.0937 101.27) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.846 | 0.124 | 92.8 |
| 2 | 0.618 | 0.103 | 106.6 |
| 3 | 0.555 | 0.138 | 51.6 |
| 4 | 0.433 | 0.051 | -23.4 |
| 5 | 0.799 | 0.094 | 101.3 |

## In these collections

- [Brass flower bowl](https://grabient.com/brass-flower-bowl)

## Other forms

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