# Warm brown, tan, maroon and purple linear gradient

Warm brown, tan, maroon and purple linear gradient with 40 colors: #6a1d41, #772a42, #873c44, #9a5349, #ab6f53, #ba8b63, #c6a77a, #d0bf92, #d8d2a7, #dedeb5, #e0e0b8, #ddd9ae, #d7c99b, #d0b283, #c6966d, #b9795d, #a85c54, #954451, #83314f, #77244d, #721e49, #751e42, #7b2438, #84302c, #8a4020, #8d5218, #8d641d, #8b732b, #897e38, #87833f, #88823d, #8a7c35, #8e722a, #916520, #92561e, #914725, #8c3830, #842d3b, #7d2444, #76204a. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWXVP9chPNTGtMjMIM1Mi4yw`
- Page: https://grabient.com/kWXVP9chPNTGtMjMIM1Mi4yw?steps=40&angle=135
- Drawn as: linear gradient, 40 steps, 135 degrees
- Kinds: warm
- Hues: wide
- Contrast of its darkest and lightest colors: 8.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 | `#6a1d41` | `oklch(36.61% 0.1144 355.78)` | Pompadour | white, 11.2 to 1 |
| 2 | `#772a42` | `oklch(40.36% 0.1100 3.79)` | Palace Red | white, 9.6 to 1 |
| 3 | `#873c44` | `oklch(45.81% 0.1037 15.48)` | Luxurious Red | white, 7.5 to 1 |
| 4 | `#9a5349` | `oklch(52.46% 0.0959 29.75)` | Thy Flesh Consumed | white, 5.6 to 1 |
| 5 | `#ab6f53` | `oklch(59.79% 0.0873 45.48)` | Orange Flambe | black, 5.1 to 1 |
| 6 | `#ba8b63` | `oklch(67.29% 0.0786 61.58)` | Tatami Tan | black, 6.9 to 1 |
| 7 | `#c6a77a` | `oklch(74.47% 0.0703 76.92)` | Sugar Pie | black, 9.1 to 1 |
| 8 | `#d0bf92` | `oklch(80.81% 0.0631 90.40)` | Beaten Track | black, 11.5 to 1 |
| 9 | `#d8d2a7` | `oklch(85.80% 0.0575 100.92)` | Cream Cheese Avocado | black, 13.7 to 1 |
| 10 | `#dedeb5` | `oklch(88.94% 0.0543 107.36)` | Ethereal One | black, 15.1 to 1 |
| 11 | `#e0e0b8` | `oklch(89.70% 0.0540 108.59)` | Tropical Tale | black, 15.5 to 1 |
| 12 | `#ddd9ae` | `oklch(87.80% 0.0571 103.48)` | Beige Green | black, 14.6 to 1 |
| 13 | `#d7c99b` | `oklch(83.67% 0.0632 92.99)` | Ground Ginger | black, 12.7 to 1 |
| 14 | `#d0b283` | `oklch(77.88% 0.0713 78.60)` | Light Oak | black, 10.3 to 1 |
| 15 | `#c6966d` | `oklch(70.99% 0.0809 61.80)` | Sonora Shade | black, 8 to 1 |
| 16 | `#b9795d` | `oklch(63.58% 0.0911 44.07)` | Autumn’s Hill | black, 5.9 to 1 |
| 17 | `#a85c54` | `oklch(56.22% 0.1011 26.90)` | Foxy | white, 4.8 to 1 |
| 18 | `#954451` | `oklch(49.46% 0.1102 11.77)` | Kirsch Red | white, 6.5 to 1 |
| 19 | `#83314f` | `oklch(43.88% 0.1177 0.16)` | Beaujolais | white, 8.3 to 1 |
| 20 | `#77244d` | `oklch(40.06% 0.1227 353.57)` | Dried Flower Purple | white, 9.8 to 1 |
| 21 | `#721e49` | `oklch(38.44% 0.1246 353.40)` | Pansy Purple | white, 10.5 to 1 |
| 22 | `#751e42` | `oklch(38.65% 0.1238 359.62)` | Caviar Couture | white, 10.4 to 1 |
| 23 | `#7b2438` | `oklch(40.26% 0.1209 10.82)` | Brown Magenta | white, 9.7 to 1 |
| 24 | `#84302c` | `oklch(42.89% 0.1164 25.54)` | Dockside Red | white, 8.6 to 1 |
| 25 | `#8a4020` | `oklch(46.18% 0.1110 42.30)` | Chocolate Covered | white, 7.4 to 1 |
| 26 | `#8d5218` | `oklch(49.77% 0.1052 59.64)` | Plain Old Brown | white, 6.2 to 1 |
| 27 | `#8d641d` | `oklch(53.30% 0.0996 76.09)` | Tapenade | white, 5.2 to 1 |
| 28 | `#8b732b` | `oklch(56.38% 0.0948 90.19)` | Aubergine Green | white, 4.5 to 1 |
| 29 | `#897e38` | `oklch(58.67% 0.0912 100.46)` | Koke Moss | black, 5 to 1 |
| 30 | `#87833f` | `oklch(59.79% 0.0896 105.44)` | Galia Melon | black, 5.3 to 1 |
| 31 | `#88823d` | `oklch(59.57% 0.0902 104.19)` | Galia Melon | black, 5.2 to 1 |
| 32 | `#8a7c35` | `oklch(58.40% 0.0924 97.84)` | Koke Moss | black, 5 to 1 |
| 33 | `#8e722a` | `oklch(56.49% 0.0959 87.50)` | Marshy Green | black, 4.5 to 1 |
| 34 | `#916520` | `oklch(54.05% 0.1004 74.27)` | Tapenade | white, 5.1 to 1 |
| 35 | `#92561e` | `oklch(51.27% 0.1054 59.23)` | Caramel Café | white, 5.8 to 1 |
| 36 | `#914725` | `oklch(48.36% 0.1106 43.45)` | Madeira Brown | white, 6.7 to 1 |
| 37 | `#8c3830` | `oklch(45.51% 0.1157 28.03)` | Decadent Red | white, 7.7 to 1 |
| 38 | `#842d3b` | `oklch(42.93% 0.1204 14.04)` | Bicyclette | white, 8.6 to 1 |
| 39 | `#7d2444` | `oklch(40.82% 0.1242 2.58)` | Beet Red | white, 9.5 to 1 |
| 40 | `#76204a` | `oklch(39.37% 0.1268 354.72)` | Pansy Purple | white, 10.1 to 1 |

## CSS

```css
background: linear-gradient(135deg, #6a1d41 0.0%, #772a42 2.6%, #873c44 5.1%, #9a5349 7.7%, #ab6f53 10.3%, #ba8b63 12.8%, #c6a77a 15.4%, #d0bf92 17.9%, #d8d2a7 20.5%, #dedeb5 23.1%, #e0e0b8 25.6%, #ddd9ae 28.2%, #d7c99b 30.8%, #d0b283 33.3%, #c6966d 35.9%, #b9795d 38.5%, #a85c54 41.0%, #954451 43.6%, #83314f 46.2%, #77244d 48.7%, #721e49 51.3%, #751e42 53.8%, #7b2438 56.4%, #84302c 59.0%, #8a4020 61.5%, #8d5218 64.1%, #8d641d 66.7%, #8b732b 69.2%, #897e38 71.8%, #87833f 74.4%, #88823d 76.9%, #8a7c35 79.5%, #8e722a 82.1%, #916520 84.6%, #92561e 87.2%, #914725 89.7%, #8c3830 92.3%, #842d3b 94.9%, #7d2444 97.4%, #76204a 100.0%);
background: linear-gradient(135deg in oklch, oklch(36.61% 0.1144 355.78) 0.0%, oklch(40.36% 0.1100 3.79) 2.6%, oklch(45.81% 0.1037 15.48) 5.1%, oklch(52.46% 0.0959 29.75) 7.7%, oklch(59.79% 0.0873 45.48) 10.3%, oklch(67.29% 0.0786 61.58) 12.8%, oklch(74.47% 0.0703 76.92) 15.4%, oklch(80.81% 0.0631 90.40) 17.9%, oklch(85.80% 0.0575 100.92) 20.5%, oklch(88.94% 0.0543 107.36) 23.1%, oklch(89.70% 0.0540 108.59) 25.6%, oklch(87.80% 0.0571 103.48) 28.2%, oklch(83.67% 0.0632 92.99) 30.8%, oklch(77.88% 0.0713 78.60) 33.3%, oklch(70.99% 0.0809 61.80) 35.9%, oklch(63.58% 0.0911 44.07) 38.5%, oklch(56.22% 0.1011 26.90) 41.0%, oklch(49.46% 0.1102 11.77) 43.6%, oklch(43.88% 0.1177 0.16) 46.2%, oklch(40.06% 0.1227 353.57) 48.7%, oklch(38.44% 0.1246 353.40) 51.3%, oklch(38.65% 0.1238 359.62) 53.8%, oklch(40.26% 0.1209 10.82) 56.4%, oklch(42.89% 0.1164 25.54) 59.0%, oklch(46.18% 0.1110 42.30) 61.5%, oklch(49.77% 0.1052 59.64) 64.1%, oklch(53.30% 0.0996 76.09) 66.7%, oklch(56.38% 0.0948 90.19) 69.2%, oklch(58.67% 0.0912 100.46) 71.8%, oklch(59.79% 0.0896 105.44) 74.4%, oklch(59.57% 0.0902 104.19) 76.9%, oklch(58.40% 0.0924 97.84) 79.5%, oklch(56.49% 0.0959 87.50) 82.1%, oklch(54.05% 0.1004 74.27) 84.6%, oklch(51.27% 0.1054 59.23) 87.2%, oklch(48.36% 0.1106 43.45) 89.7%, oklch(45.51% 0.1157 28.03) 92.3%, oklch(42.93% 0.1204 14.04) 94.9%, oklch(40.82% 0.1242 2.58) 97.4%, oklch(39.37% 0.1268 354.72) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.366 | 0.114 | 355.8 |
| 2 | 0.898 | 0.054 | 468.9 |
| 3 | 0.39 | 0.124 | 352.6 |
| 4 | 0.598 | 0.09 | 465.7 |
| 5 | 0.394 | 0.127 | 354.7 |

## Other forms

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