# Analogous maroon to pink linear gradient

Analogous maroon to pink linear gradient with 32 colors: #4d0e21, #500e22, #530f23, #571025, #5c1126, #611228, #66132a, #6a142b, #6e162d, #73182f, #761931, #7a1b33, #7e1d35, #822037, #86233a, #8a263c, #8e293f, #922d42, #953045, #993448, #9d384b, #a13d4f, #a54353, #a94958, #ae515e, #b45b66, #b9666e, #bf7278, #c47d81, #c9878a, #cd8f92, #d09697. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWSEQFraxATexQBErcAXJnAY`
- Page: https://grabient.com/kWSEQFraxATexQBErcAXJnAY?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: 6 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 | `#4d0e21` | `oklch(28.35% 0.0937 7.73)` | Maroon Oak | white, 15 to 1 |
| 2 | `#500e22` | `oklch(28.94% 0.0960 8.00)` | Maroon Oak | white, 14.7 to 1 |
| 3 | `#530f23` | `oklch(29.74% 0.0992 8.38)` | Bloedworst | white, 14.3 to 1 |
| 4 | `#571025` | `oklch(30.68% 0.1030 8.83)` | Chocolate Cosmos | white, 13.9 to 1 |
| 5 | `#5c1126` | `oklch(31.73% 0.1071 9.32)` | Baal Red Wash | white, 13.4 to 1 |
| 6 | `#611228` | `oklch(32.84% 0.1114 9.81)` | Dark Humour | white, 12.9 to 1 |
| 7 | `#66132a` | `oklch(33.96% 0.1154 10.27)` | Dark Humour | white, 12.4 to 1 |
| 8 | `#6a142b` | `oklch(35.06% 0.1190 10.67)` | Velvet Outbreak | white, 11.9 to 1 |
| 9 | `#6e162d` | `oklch(36.07% 0.1219 10.97)` | Velvet Outbreak | white, 11.5 to 1 |
| 10 | `#73182f` | `oklch(37.05% 0.1245 11.19)` | Deep Claret | white, 11.1 to 1 |
| 11 | `#761931` | `oklch(38.01% 0.1270 11.37)` | Deep Claret | white, 10.6 to 1 |
| 12 | `#7a1b33` | `oklch(38.98% 0.1292 11.50)` | Brown Magenta | white, 10.2 to 1 |
| 13 | `#7e1d35` | `oklch(39.96% 0.1312 11.60)` | Brown Magenta | white, 9.8 to 1 |
| 14 | `#822037` | `oklch(40.97% 0.1328 11.69)` | Suō | white, 9.4 to 1 |
| 15 | `#86233a` | `oklch(42.02% 0.1341 11.79)` | Refined Chianti | white, 9 to 1 |
| 16 | `#8a263c` | `oklch(43.13% 0.1348 11.90)` | Thrill Ride | white, 8.6 to 1 |
| 17 | `#8e293f` | `oklch(44.28% 0.1352 12.02)` | Rumba Red | white, 8.2 to 1 |
| 18 | `#922d42` | `oklch(45.40% 0.1353 12.12)` | Rumba Red | white, 7.8 to 1 |
| 19 | `#953045` | `oklch(46.52% 0.1353 12.19)` | Boerewors | white, 7.5 to 1 |
| 20 | `#993448` | `oklch(47.68% 0.1348 12.26)` | Boerewors | white, 7.1 to 1 |
| 21 | `#9d384b` | `oklch(48.91% 0.1338 12.35)` | Bright Lady | white, 6.7 to 1 |
| 22 | `#a13d4f` | `oklch(50.26% 0.1322 12.48)` | Strawberry Daiquiri | white, 6.3 to 1 |
| 23 | `#a54353` | `oklch(51.77% 0.1298 12.67)` | Drisheen | white, 5.9 to 1 |
| 24 | `#a94958` | `oklch(53.47% 0.1264 12.94)` | Pink Quince | white, 5.5 to 1 |
| 25 | `#ae515e` | `oklch(55.50% 0.1216 13.32)` | Grenadine | white, 5 to 1 |
| 26 | `#b45b66` | `oklch(57.99% 0.1149 13.84)` | Baroque Rose | black, 4.6 to 1 |
| 27 | `#b9666e` | `oklch(60.77% 0.1070 14.46)` | Slate Rose | black, 5.2 to 1 |
| 28 | `#bf7278` | `oklch(63.66% 0.0983 15.11)` | Cinnamon Roll | black, 5.8 to 1 |
| 29 | `#c47d81` | `oklch(66.50% 0.0897 15.77)` | Enamoured | black, 6.5 to 1 |
| 30 | `#c9878a` | `oklch(69.09% 0.0817 16.38)` | Almond Rose | black, 7.3 to 1 |
| 31 | `#cd8f92` | `oklch(71.26% 0.0750 16.88)` | Ducal Pink | black, 7.9 to 1 |
| 32 | `#d09697` | `oklch(72.83% 0.0703 17.25)` | Keel Joy | black, 8.4 to 1 |

## CSS

```css
background: linear-gradient(135deg, #4d0e21 0.0%, #500e22 3.2%, #530f23 6.5%, #571025 9.7%, #5c1126 12.9%, #611228 16.1%, #66132a 19.4%, #6a142b 22.6%, #6e162d 25.8%, #73182f 29.0%, #761931 32.3%, #7a1b33 35.5%, #7e1d35 38.7%, #822037 41.9%, #86233a 45.2%, #8a263c 48.4%, #8e293f 51.6%, #922d42 54.8%, #953045 58.1%, #993448 61.3%, #9d384b 64.5%, #a13d4f 67.7%, #a54353 71.0%, #a94958 74.2%, #ae515e 77.4%, #b45b66 80.6%, #b9666e 83.9%, #bf7278 87.1%, #c47d81 90.3%, #c9878a 93.5%, #cd8f92 96.8%, #d09697 100.0%);
background: linear-gradient(135deg in oklch, oklch(28.35% 0.0937 7.73) 0.0%, oklch(28.94% 0.0960 8.00) 3.2%, oklch(29.74% 0.0992 8.38) 6.5%, oklch(30.68% 0.1030 8.83) 9.7%, oklch(31.73% 0.1071 9.32) 12.9%, oklch(32.84% 0.1114 9.81) 16.1%, oklch(33.96% 0.1154 10.27) 19.4%, oklch(35.06% 0.1190 10.67) 22.6%, oklch(36.07% 0.1219 10.97) 25.8%, oklch(37.05% 0.1245 11.19) 29.0%, oklch(38.01% 0.1270 11.37) 32.3%, oklch(38.98% 0.1292 11.50) 35.5%, oklch(39.96% 0.1312 11.60) 38.7%, oklch(40.97% 0.1328 11.69) 41.9%, oklch(42.02% 0.1341 11.79) 45.2%, oklch(43.13% 0.1348 11.90) 48.4%, oklch(44.28% 0.1352 12.02) 51.6%, oklch(45.40% 0.1353 12.12) 54.8%, oklch(46.52% 0.1353 12.19) 58.1%, oklch(47.68% 0.1348 12.26) 61.3%, oklch(48.91% 0.1338 12.35) 64.5%, oklch(50.26% 0.1322 12.48) 67.7%, oklch(51.77% 0.1298 12.67) 71.0%, oklch(53.47% 0.1264 12.94) 74.2%, oklch(55.50% 0.1216 13.32) 77.4%, oklch(57.99% 0.1149 13.84) 80.6%, oklch(60.77% 0.1070 14.46) 83.9%, oklch(63.66% 0.0983 15.11) 87.1%, oklch(66.50% 0.0897 15.77) 90.3%, oklch(69.09% 0.0817 16.38) 93.5%, oklch(71.26% 0.0750 16.88) 96.8%, oklch(72.83% 0.0703 17.25) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.283 | 0.094 | 7.7 |
| 2 | 0.358 | 0.121 | 10.9 |
| 3 | 0.437 | 0.135 | 12 |
| 4 | 0.539 | 0.125 | 13 |
| 5 | 0.728 | 0.07 | 17.2 |

## In these collections

- [Burgundy swatches](https://grabient.com/burgundy-swatches)
- [Maroon color palette](https://grabient.com/maroon-color-palette)

## Other forms

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