# Warm maroon, brown, pink and purple linear gradient

Warm maroon, brown, pink and purple linear gradient with 32 colors: #4c1c26, #5b242a, #712f2f, #8c3f31, #a7512e, #c16526, #d47719, #e18506, #e58a04, #e08418, #d27729, #bd6634, #a5553a, #8d473c, #793c3b, #6d363b, #6d363d, #773a44, #8a424d, #a24d58, #bc5863, #d5636d, #e86a74, #f16d77, #ee6977, #e16074, #cc546d, #b44664, #9a3859, #832b4e, #702145, #641a3f. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWTTUHWrpGbMcOfYu8BLKi9I`
- Page: https://grabient.com/kWTTUHWrpGbMcOfYu8BLKi9I?steps=32&angle=225
- Drawn as: linear gradient, 32 steps, 225 degrees
- Kinds: light center, warm, multicolor
- Hues: analogous
- 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 | `#4c1c26` | `oklch(30.31% 0.0730 9.84)` | Vino Tinto | white, 13.9 to 1 |
| 2 | `#5b242a` | `oklch(34.12% 0.0812 15.01)` | Kuwazome Red | white, 12.1 to 1 |
| 3 | `#712f2f` | `oklch(39.75% 0.0935 22.73)` | Auburn | white, 9.7 to 1 |
| 4 | `#8c3f31` | `oklch(46.50% 0.1081 31.97)` | April Love | white, 7.3 to 1 |
| 5 | `#a7512e` | `oklch(53.62% 0.1235 41.70)` | Alfajor Brown | white, 5.4 to 1 |
| 6 | `#c16526` | `oklch(60.39% 0.1380 50.87)` | Dwarven Bronze | black, 5.1 to 1 |
| 7 | `#d47719` | `oklch(66.08% 0.1500 58.45)` | Bitter Orange | black, 6.4 to 1 |
| 8 | `#e18506` | `oklch(69.97% 0.1578 63.42)` | Fulvous | black, 7.5 to 1 |
| 9 | `#e58a04` | `oklch(71.31% 0.1597 64.73)` | Hotter Butter | black, 7.9 to 1 |
| 10 | `#e08418` | `oklch(69.67% 0.1543 62.02)` | Tangerine Haze | black, 7.4 to 1 |
| 11 | `#d27729` | `oklch(65.68% 0.1432 56.18)` | Bitter Orange | black, 6.3 to 1 |
| 12 | `#bd6634` | `oklch(60.21% 0.1285 48.24)` | Dwarven Bronze | black, 5.1 to 1 |
| 13 | `#a5553a` | `oklch(54.12% 0.1125 39.23)` | Hyacinth Red | white, 5.2 to 1 |
| 14 | `#8d473c` | `oklch(48.24% 0.0973 30.17)` | Chocolate Explosion | white, 6.7 to 1 |
| 15 | `#793c3b` | `oklch(43.45% 0.0851 22.09)` | Marrakesh Red | white, 8.3 to 1 |
| 16 | `#6d363b` | `oklch(40.59% 0.0780 16.03)` | Rubine | white, 9.3 to 1 |
| 17 | `#6d363d` | `oklch(40.48% 0.0783 12.81)` | Rubine | white, 9.4 to 1 |
| 18 | `#773a44` | `oklch(43.03% 0.0854 11.69)` | Garnet Evening | white, 8.4 to 1 |
| 19 | `#8a424d` | `oklch(47.46% 0.0975 12.04)` | Silk Satin | white, 7 to 1 |
| 20 | `#a24d58` | `oklch(52.96% 0.1126 13.32)` | Black Pudding | white, 5.6 to 1 |
| 21 | `#bc5863` | `oklch(58.74% 0.1288 15.03)` | Hibiscus Flower | black, 4.7 to 1 |
| 22 | `#d5636d` | `oklch(63.99% 0.1439 16.64)` | Italiano Rose | black, 5.8 to 1 |
| 23 | `#e86a74` | `oklch(67.90% 0.1560 17.64)` | Old Heart | black, 6.7 to 1 |
| 24 | `#f16d77` | `oklch(69.67% 0.1632 17.51)` | Sugar Coral | black, 7.1 to 1 |
| 25 | `#ee6977` | `oklch(68.72% 0.1642 15.94)` | Sun-Kissed Coral | black, 6.9 to 1 |
| 26 | `#e16074` | `oklch(65.52% 0.1605 13.32)` | Swiss Chard | black, 6.1 to 1 |
| 27 | `#cc546d` | `oklch(60.72% 0.1535 10.00)` | Cabaret | black, 5 to 1 |
| 28 | `#b44664` | `oklch(54.96% 0.1444 6.29)` | Sangria | white, 5.2 to 1 |
| 29 | `#9a3859` | `oklch(48.88% 0.1345 2.51)` | Cardinal Red | white, 6.7 to 1 |
| 30 | `#832b4e` | `oklch(43.10% 0.1248 358.99)` | Raspberry Radiance | white, 8.6 to 1 |
| 31 | `#702145` | `oklch(38.28% 0.1168 356.05)` | Pompadour | white, 10.5 to 1 |
| 32 | `#641a3f` | `oklch(35.04% 0.1116 353.99)` | Plum Caspia | white, 11.9 to 1 |

## CSS

```css
background: linear-gradient(225deg, #4c1c26 0.0%, #5b242a 3.2%, #712f2f 6.5%, #8c3f31 9.7%, #a7512e 12.9%, #c16526 16.1%, #d47719 19.4%, #e18506 22.6%, #e58a04 25.8%, #e08418 29.0%, #d27729 32.3%, #bd6634 35.5%, #a5553a 38.7%, #8d473c 41.9%, #793c3b 45.2%, #6d363b 48.4%, #6d363d 51.6%, #773a44 54.8%, #8a424d 58.1%, #a24d58 61.3%, #bc5863 64.5%, #d5636d 67.7%, #e86a74 71.0%, #f16d77 74.2%, #ee6977 77.4%, #e16074 80.6%, #cc546d 83.9%, #b44664 87.1%, #9a3859 90.3%, #832b4e 93.5%, #702145 96.8%, #641a3f 100.0%);
background: linear-gradient(225deg in oklch, oklch(30.31% 0.0730 9.84) 0.0%, oklch(34.12% 0.0812 15.01) 3.2%, oklch(39.75% 0.0935 22.73) 6.5%, oklch(46.50% 0.1081 31.97) 9.7%, oklch(53.62% 0.1235 41.70) 12.9%, oklch(60.39% 0.1380 50.87) 16.1%, oklch(66.08% 0.1500 58.45) 19.4%, oklch(69.97% 0.1578 63.42) 22.6%, oklch(71.31% 0.1597 64.73) 25.8%, oklch(69.67% 0.1543 62.02) 29.0%, oklch(65.68% 0.1432 56.18) 32.3%, oklch(60.21% 0.1285 48.24) 35.5%, oklch(54.12% 0.1125 39.23) 38.7%, oklch(48.24% 0.0973 30.17) 41.9%, oklch(43.45% 0.0851 22.09) 45.2%, oklch(40.59% 0.0780 16.03) 48.4%, oklch(40.48% 0.0783 12.81) 51.6%, oklch(43.03% 0.0854 11.69) 54.8%, oklch(47.46% 0.0975 12.04) 58.1%, oklch(52.96% 0.1126 13.32) 61.3%, oklch(58.74% 0.1288 15.03) 64.5%, oklch(63.99% 0.1439 16.64) 67.7%, oklch(67.90% 0.1560 17.64) 71.0%, oklch(69.67% 0.1632 17.51) 74.2%, oklch(68.72% 0.1642 15.94) 77.4%, oklch(65.52% 0.1605 13.32) 80.6%, oklch(60.72% 0.1535 10.00) 83.9%, oklch(54.96% 0.1444 6.29) 87.1%, oklch(48.88% 0.1345 2.51) 90.3%, oklch(43.10% 0.1248 358.99) 93.5%, oklch(38.28% 0.1168 356.05) 96.8%, oklch(35.04% 0.1116 353.99) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.303 | 0.073 | 9.8 |
| 2 | 0.713 | 0.16 | 64.8 |
| 3 | 0.402 | 0.077 | 14.1 |
| 4 | 0.697 | 0.164 | 17.2 |
| 5 | 0.35 | 0.112 | -6 |

## Other forms

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