# Warm purple, tan and brown linear gradient

Warm purple, tan and brown linear gradient with 32 colors: #622c42, #65324a, #6a3b54, #6e4661, #73526d, #785d77, #7c667f, #7e6b85, #7e6c87, #7a6784, #735d7f, #6a5077, #61426f, #5b3566, #572a5e, #592459, #622556, #732f56, #893f56, #a05659, #b46f5f, #c38868, #cc9c73, #d0a87a, #cfa979, #c9a070, #c09162, #b57e52, #a86944, #9b5639, #904532, #883b2d. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWXz39RxC7K4nwdgnEuuae7Q`
- Page: https://grabient.com/kWXz39RxC7K4nwdgnEuuae7Q?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Hues: wide
- Contrast of its darkest and lightest colors: 5.2 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 | `#622c42` | `oklch(37.40% 0.0841 355.78)` | Windsor Wine | white, 10.7 to 1 |
| 2 | `#65324a` | `oklch(39.16% 0.0802 352.16)` | Grape Wine | white, 9.9 to 1 |
| 3 | `#6a3b54` | `oklch(41.81% 0.0743 346.89)` | Primitive Plum | white, 8.8 to 1 |
| 4 | `#6e4661` | `oklch(44.97% 0.0672 340.58)` | Wizard Time | white, 7.7 to 1 |
| 5 | `#73526d` | `oklch(48.30% 0.0599 333.87)` | Berry Conserve | white, 6.6 to 1 |
| 6 | `#785d77` | `oklch(51.41% 0.0532 327.37)` | Gala Ball | white, 5.8 to 1 |
| 7 | `#7c667f` | `oklch(53.95% 0.0480 321.69)` | Grape Jelly | white, 5.1 to 1 |
| 8 | `#7e6b85` | `oklch(55.54% 0.0453 317.47)` | Matriarch | white, 4.8 to 1 |
| 9 | `#7e6c87` | `oklch(55.82% 0.0460 315.25)` | Parma Grey | white, 4.7 to 1 |
| 10 | `#7a6784` | `oklch(54.25% 0.0509 314.09)` | Amethyst Gem | white, 5.1 to 1 |
| 11 | `#735d7f` | `oklch(51.20% 0.0593 313.64)` | Grape Compote | white, 5.8 to 1 |
| 12 | `#6a5077` | `oklch(47.31% 0.0697 314.05)` | Exotic Purple | white, 6.9 to 1 |
| 13 | `#61426f` | `oklch(43.21% 0.0810 315.52)` | Magenta Red Lips | white, 8.3 to 1 |
| 14 | `#5b3566` | `oklch(39.52% 0.0919 318.21)` | Purple Protégé | white, 9.8 to 1 |
| 15 | `#572a5e` | `oklch(36.87% 0.1010 322.31)` | Kuwanomi Purple | white, 11 to 1 |
| 16 | `#592459` | `oklch(35.89% 0.1073 327.99)` | Kuwanomi Purple | white, 11.5 to 1 |
| 17 | `#622556` | `oklch(37.24% 0.1094 335.80)` | Charisma | white, 10.9 to 1 |
| 18 | `#732f56` | `oklch(41.24% 0.1078 347.54)` | Magenta Purple | white, 9.2 to 1 |
| 19 | `#893f56` | `oklch(47.13% 0.1034 2.22)` | Liaison | white, 7.1 to 1 |
| 20 | `#a05659` | `oklch(54.08% 0.0975 18.41)` | Cuban Rhythm | white, 5.3 to 1 |
| 21 | `#b46f5f` | `oklch(61.26% 0.0908 34.68)` | Cobrizo | black, 5.3 to 1 |
| 22 | `#c38868` | `oklch(67.81% 0.0846 49.60)` | Toasted Nut | black, 7 to 1 |
| 23 | `#cc9c73` | `oklch(72.92% 0.0797 61.73)` | Fresh Croissant | black, 8.6 to 1 |
| 24 | `#d0a87a` | `oklch(75.74% 0.0773 69.66)` | City Sunrise | black, 9.5 to 1 |
| 25 | `#cfa979` | `oklch(75.66% 0.0779 72.33)` | Burning Gold | black, 9.5 to 1 |
| 26 | `#c9a070` | `oklch(73.21% 0.0807 70.58)` | New Fawn | black, 8.7 to 1 |
| 27 | `#c09162` | `oklch(69.04% 0.0850 65.57)` | Burnished Caramel | black, 7.4 to 1 |
| 28 | `#b57e52` | `oklch(63.81% 0.0903 58.45)` | Komodo Dragon | black, 6 to 1 |
| 29 | `#a86944` | `oklch(58.17% 0.0960 50.36)` | Maple Glaze | black, 4.7 to 1 |
| 30 | `#9b5639` | `oklch(52.76% 0.1014 42.44)` | Etruscan | white, 5.5 to 1 |
| 31 | `#904532` | `oklch(48.25% 0.1059 35.85)` | Sedona Stone | white, 6.7 to 1 |
| 32 | `#883b2d` | `oklch(45.28% 0.1089 31.71)` | Rustica | white, 7.7 to 1 |

## CSS

```css
background: linear-gradient(45deg, #622c42 0.0%, #65324a 3.2%, #6a3b54 6.5%, #6e4661 9.7%, #73526d 12.9%, #785d77 16.1%, #7c667f 19.4%, #7e6b85 22.6%, #7e6c87 25.8%, #7a6784 29.0%, #735d7f 32.3%, #6a5077 35.5%, #61426f 38.7%, #5b3566 41.9%, #572a5e 45.2%, #592459 48.4%, #622556 51.6%, #732f56 54.8%, #893f56 58.1%, #a05659 61.3%, #b46f5f 64.5%, #c38868 67.7%, #cc9c73 71.0%, #d0a87a 74.2%, #cfa979 77.4%, #c9a070 80.6%, #c09162 83.9%, #b57e52 87.1%, #a86944 90.3%, #9b5639 93.5%, #904532 96.8%, #883b2d 100.0%);
background: linear-gradient(45deg in oklch, oklch(37.40% 0.0841 355.78) 0.0%, oklch(39.16% 0.0802 352.16) 3.2%, oklch(41.81% 0.0743 346.89) 6.5%, oklch(44.97% 0.0672 340.58) 9.7%, oklch(48.30% 0.0599 333.87) 12.9%, oklch(51.41% 0.0532 327.37) 16.1%, oklch(53.95% 0.0480 321.69) 19.4%, oklch(55.54% 0.0453 317.47) 22.6%, oklch(55.82% 0.0460 315.25) 25.8%, oklch(54.25% 0.0509 314.09) 29.0%, oklch(51.20% 0.0593 313.64) 32.3%, oklch(47.31% 0.0697 314.05) 35.5%, oklch(43.21% 0.0810 315.52) 38.7%, oklch(39.52% 0.0919 318.21) 41.9%, oklch(36.87% 0.1010 322.31) 45.2%, oklch(35.89% 0.1073 327.99) 48.4%, oklch(37.24% 0.1094 335.80) 51.6%, oklch(41.24% 0.1078 347.54) 54.8%, oklch(47.13% 0.1034 2.22) 58.1%, oklch(54.08% 0.0975 18.41) 61.3%, oklch(61.26% 0.0908 34.68) 64.5%, oklch(67.81% 0.0846 49.60) 67.7%, oklch(72.92% 0.0797 61.73) 71.0%, oklch(75.74% 0.0773 69.66) 74.2%, oklch(75.66% 0.0779 72.33) 77.4%, oklch(73.21% 0.0807 70.58) 80.6%, oklch(69.04% 0.0850 65.57) 83.9%, oklch(63.81% 0.0903 58.45) 87.1%, oklch(58.17% 0.0960 50.36) 90.3%, oklch(52.76% 0.1014 42.44) 93.5%, oklch(48.25% 0.1059 35.85) 96.8%, oklch(45.28% 0.1089 31.71) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.374 | 0.084 | 355.8 |
| 2 | 0.559 | 0.045 | 315.6 |
| 3 | 0.362 | 0.109 | 331.5 |
| 4 | 0.76 | 0.077 | 430.8 |
| 5 | 0.453 | 0.109 | 391.7 |

## Other forms

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