# Purple to tan linear gradient

Purple to tan linear gradient with 32 colors: #454161, #4a4060, #503e5c, #563c56, #5c3b50, #613b49, #663b43, #6c3d3f, #733f3b, #7a4237, #824533, #8a492f, #914d2a, #985226, #9f5823, #a65e22, #ad6522, #b46c23, #bb7224, #c07925, #c57f27, #c98629, #cd8d2d, #d19331, #d39935, #d59e3a, #d5a33f, #d5a845, #d4ab4b, #d3af50, #d2b155, #d1b358. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYZCfONBbJcAmxHQLsHXS_BuKqQW`
- Page: https://grabient.com/kYZCfONBbJcAmxHQLsHXS_BuKqQW?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark to light, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.7 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 | `#454161` | `oklch(39.37% 0.0537 289.69)` | Heraldic | white, 9.6 to 1 |
| 2 | `#4a4060` | `oklch(39.45% 0.0542 298.55)` | Powerful Mauve | white, 9.6 to 1 |
| 3 | `#503e5c` | `oklch(39.48% 0.0545 311.14)` | Powerful Mauve | white, 9.6 to 1 |
| 4 | `#563c56` | `oklch(39.55% 0.0550 325.93)` | Velvet Plum | white, 9.6 to 1 |
| 5 | `#5c3b50` | `oklch(39.74% 0.0561 341.36)` | Purple Cort | white, 9.5 to 1 |
| 6 | `#613b49` | `oklch(40.12% 0.0580 355.90)` | Tawny Port | white, 9.4 to 1 |
| 7 | `#663b43` | `oklch(40.77% 0.0612 8.01)` | Red Mahogany | white, 9.2 to 1 |
| 8 | `#6c3d3f` | `oklch(41.76% 0.0661 17.14)` | Imperial Jewel | white, 8.8 to 1 |
| 9 | `#733f3b` | `oklch(43.02% 0.0728 24.80)` | Poisonberry | white, 8.3 to 1 |
| 10 | `#7a4237` | `oklch(44.50% 0.0807 31.29)` | Aged Teak | white, 7.8 to 1 |
| 11 | `#824533` | `oklch(46.15% 0.0890 36.87)` | Cacao Nibs | white, 7.3 to 1 |
| 12 | `#8a492f` | `oklch(47.89% 0.0969 41.79)` | Gingerbread | white, 6.8 to 1 |
| 13 | `#914d2a` | `oklch(49.68% 0.1038 46.30)` | Khaki Brown | white, 6.3 to 1 |
| 14 | `#985226` | `oklch(51.50% 0.1092 50.46)` | Ancient Chest | white, 5.8 to 1 |
| 15 | `#9f5823` | `oklch(53.48% 0.1138 53.74)` | Bright Bronze | white, 5.3 to 1 |
| 16 | `#a65e22` | `oklch(55.57% 0.1179 56.31)` | Scarecrow Frown | white, 4.9 to 1 |
| 17 | `#ad6522` | `oklch(57.72% 0.1214 58.46)` | Sattle | black, 4.6 to 1 |
| 18 | `#b46c23` | `oklch(59.83% 0.1244 60.43)` | Hardy Clay | black, 5 to 1 |
| 19 | `#bb7224` | `oklch(61.85% 0.1269 62.50)` | Desert Sun | black, 5.5 to 1 |
| 20 | `#c07925` | `oklch(63.73% 0.1289 64.88)` | Maine Coon Orange | black, 5.9 to 1 |
| 21 | `#c57f27` | `oklch(65.58% 0.1304 67.35)` | Mulberry Thorn | black, 6.4 to 1 |
| 22 | `#c98629` | `oklch(67.40% 0.1314 69.80)` | Harvest at Dusk | black, 6.9 to 1 |
| 23 | `#cd8d2d` | `oklch(69.14% 0.1320 72.21)` | Vibrant Amber | black, 7.4 to 1 |
| 24 | `#d19331` | `oklch(70.76% 0.1320 74.58)` | Jackpot | black, 7.9 to 1 |
| 25 | `#d39935` | `oklch(72.21% 0.1316 76.89)` | Stone Ground | black, 8.3 to 1 |
| 26 | `#d59e3a` | `oklch(73.46% 0.1307 79.14)` | Golden Hamster | black, 8.8 to 1 |
| 27 | `#d5a33f` | `oklch(74.50% 0.1289 81.47)` | Curry | black, 9.1 to 1 |
| 28 | `#d5a845` | `oklch(75.38% 0.1262 83.86)` | Brassed Off | black, 9.4 to 1 |
| 29 | `#d4ab4b` | `oklch(76.10% 0.1232 86.18)` | Solar Relic | black, 9.7 to 1 |
| 30 | `#d3af50` | `oklch(76.69% 0.1201 88.29)` | Golden Cricket | black, 9.9 to 1 |
| 31 | `#d2b155` | `oklch(77.17% 0.1175 90.07)` | Tanami Desert | black, 10.1 to 1 |
| 32 | `#d1b358` | `oklch(77.56% 0.1157 91.37)` | Warm Woollen | black, 10.3 to 1 |

## CSS

```css
background: linear-gradient(135deg, #454161 0.0%, #4a4060 3.2%, #503e5c 6.5%, #563c56 9.7%, #5c3b50 12.9%, #613b49 16.1%, #663b43 19.4%, #6c3d3f 22.6%, #733f3b 25.8%, #7a4237 29.0%, #824533 32.3%, #8a492f 35.5%, #914d2a 38.7%, #985226 41.9%, #9f5823 45.2%, #a65e22 48.4%, #ad6522 51.6%, #b46c23 54.8%, #bb7224 58.1%, #c07925 61.3%, #c57f27 64.5%, #c98629 67.7%, #cd8d2d 71.0%, #d19331 74.2%, #d39935 77.4%, #d59e3a 80.6%, #d5a33f 83.9%, #d5a845 87.1%, #d4ab4b 90.3%, #d3af50 93.5%, #d2b155 96.8%, #d1b358 100.0%);
background: linear-gradient(135deg in oklch, oklch(39.37% 0.0537 289.69) 0.0%, oklch(39.45% 0.0542 298.55) 3.2%, oklch(39.48% 0.0545 311.14) 6.5%, oklch(39.55% 0.0550 325.93) 9.7%, oklch(39.74% 0.0561 341.36) 12.9%, oklch(40.12% 0.0580 355.90) 16.1%, oklch(40.77% 0.0612 8.01) 19.4%, oklch(41.76% 0.0661 17.14) 22.6%, oklch(43.02% 0.0728 24.80) 25.8%, oklch(44.50% 0.0807 31.29) 29.0%, oklch(46.15% 0.0890 36.87) 32.3%, oklch(47.89% 0.0969 41.79) 35.5%, oklch(49.68% 0.1038 46.30) 38.7%, oklch(51.50% 0.1092 50.46) 41.9%, oklch(53.48% 0.1138 53.74) 45.2%, oklch(55.57% 0.1179 56.31) 48.4%, oklch(57.72% 0.1214 58.46) 51.6%, oklch(59.83% 0.1244 60.43) 54.8%, oklch(61.85% 0.1269 62.50) 58.1%, oklch(63.73% 0.1289 64.88) 61.3%, oklch(65.58% 0.1304 67.35) 64.5%, oklch(67.40% 0.1314 69.80) 67.7%, oklch(69.14% 0.1320 72.21) 71.0%, oklch(70.76% 0.1320 74.58) 74.2%, oklch(72.21% 0.1316 76.89) 77.4%, oklch(73.46% 0.1307 79.14) 80.6%, oklch(74.50% 0.1289 81.47) 83.9%, oklch(75.38% 0.1262 83.86) 87.1%, oklch(76.10% 0.1232 86.18) 90.3%, oklch(76.69% 0.1201 88.29) 93.5%, oklch(77.17% 0.1175 90.07) 96.8%, oklch(77.56% 0.1157 91.37) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.394 | 0.054 | 289.7 |
| 2 | 0.409 | 0.062 | 370 |
| 3 | 0.504 | 0.106 | 408 |
| 4 | 0.63 | 0.128 | 423.9 |
| 5 | 0.732 | 0.131 | 438.7 |
| 6 | 0.776 | 0.116 | 451.4 |

## In these collections

- [Cider press afternoon](https://grabient.com/cider-press-afternoon)

## Other forms

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