# Burgundy plum navy gradient

Tritone maroon, purple and navy linear gradient with 32 colors: #711c33, #701d36, #6d1d3a, #6a1e3e, #671f42, #632046, #60204a, #5c214d, #582250, #552252, #512354, #4e2356, #4a2358, #46235a, #43245b, #3f245c, #3b255c, #37265c, #34265c, #30275b, #2c285b, #29285a, #262958, #222857, #1f2855, #1c2753, #182651, #15244f, #12234d, #0f224b, #0c2049, #0a2048. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Tritone maroon, purple and navy linear gradient
- Seed: `kWX1YGrKU76kjO-mHjyoB0-Y`
- Page: https://grabient.com/kWX1YGrKU76kjO-mHjyoB0-Y?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark
- Hues: wide
- Contrast of its darkest and lightest colors: 1.4 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 | `#711c33` | `oklch(37.40% 0.1185 9.14)` | Rocking Chair | white, 10.9 to 1 |
| 2 | `#701d36` | `oklch(37.22% 0.1171 6.43)` | Rocking Chair | white, 10.9 to 1 |
| 3 | `#6d1d3a` | `oklch(36.97% 0.1151 2.82)` | Rocking Chair | white, 11 to 1 |
| 4 | `#6a1e3e` | `oklch(36.68% 0.1128 358.51)` | Pompadour | white, 11.2 to 1 |
| 5 | `#671f42` | `oklch(36.35% 0.1103 353.73)` | Pompadour | white, 11.3 to 1 |
| 6 | `#632046` | `oklch(36.00% 0.1077 348.70)` | Plum Caspia | white, 11.4 to 1 |
| 7 | `#60204a` | `oklch(35.65% 0.1053 343.63)` | Plum Caspia | white, 11.6 to 1 |
| 8 | `#5c214d` | `oklch(35.29% 0.1032 338.74)` | Plum Caspia | white, 11.7 to 1 |
| 9 | `#582250` | `oklch(34.96% 0.1016 334.23)` | Purple Velour | white, 11.9 to 1 |
| 10 | `#552252` | `oklch(34.61% 0.1005 329.80)` | Purple Velour | white, 12 to 1 |
| 11 | `#512354` | `oklch(34.26% 0.0998 325.32)` | Wonka Purple | white, 12.2 to 1 |
| 12 | `#4e2356` | `oklch(33.89% 0.0993 320.82)` | Wonka Purple | white, 12.3 to 1 |
| 13 | `#4a2358` | `oklch(33.52% 0.0989 316.35)` | Wonka Purple | white, 12.5 to 1 |
| 14 | `#46235a` | `oklch(33.16% 0.0985 311.95)` | Queen’s Domain | white, 12.6 to 1 |
| 15 | `#43245b` | `oklch(32.80% 0.0979 307.65)` | Galactic Wonder | white, 12.8 to 1 |
| 16 | `#3f245c` | `oklch(32.45% 0.0970 303.51)` | Galactic Wonder | white, 12.9 to 1 |
| 17 | `#3b255c` | `oklch(32.12% 0.0958 299.53)` | Christalle | white, 13.1 to 1 |
| 18 | `#37265c` | `oklch(31.84% 0.0941 295.57)` | Paris M | white, 13.2 to 1 |
| 19 | `#34265c` | `oklch(31.58% 0.0922 291.65)` | Paris M | white, 13.2 to 1 |
| 20 | `#30275b` | `oklch(31.32% 0.0902 287.84)` | Paris M | white, 13.3 to 1 |
| 21 | `#2c285b` | `oklch(31.06% 0.0881 284.19)` | Ceremonial Purple | white, 13.4 to 1 |
| 22 | `#29285a` | `oklch(30.77% 0.0861 280.74)` | Ceremonial Purple | white, 13.5 to 1 |
| 23 | `#262958` | `oklch(30.43% 0.0844 277.56)` | Ceremonial Purple | white, 13.6 to 1 |
| 24 | `#222857` | `oklch(30.03% 0.0830 274.69)` | Ultramarine Violet | white, 13.8 to 1 |
| 25 | `#1f2855` | `oklch(29.54% 0.0820 272.17)` | Ultramarine Violet | white, 14 to 1 |
| 26 | `#1c2753` | `oklch(28.92% 0.0813 269.92)` | Space Cadet | white, 14.3 to 1 |
| 27 | `#182651` | `oklch(28.23% 0.0808 267.93)` | Space Cadet | white, 14.6 to 1 |
| 28 | `#15244f` | `oklch(27.50% 0.0805 266.18)` | Dark Soul | white, 14.9 to 1 |
| 29 | `#12234d` | `oklch(26.79% 0.0803 264.66)` | Dark Soul | white, 15.3 to 1 |
| 30 | `#0f224b` | `oklch(26.14% 0.0802 263.36)` | Dark Eclipse | white, 15.6 to 1 |
| 31 | `#0c2049` | `oklch(25.59% 0.0801 262.26)` | Oxford Blue | white, 15.8 to 1 |
| 32 | `#0a2048` | `oklch(25.20% 0.0799 261.35)` | Oxford Blue | white, 16 to 1 |

## CSS

```css
background: linear-gradient(135deg, #711c33 0.0%, #701d36 3.2%, #6d1d3a 6.5%, #6a1e3e 9.7%, #671f42 12.9%, #632046 16.1%, #60204a 19.4%, #5c214d 22.6%, #582250 25.8%, #552252 29.0%, #512354 32.3%, #4e2356 35.5%, #4a2358 38.7%, #46235a 41.9%, #43245b 45.2%, #3f245c 48.4%, #3b255c 51.6%, #37265c 54.8%, #34265c 58.1%, #30275b 61.3%, #2c285b 64.5%, #29285a 67.7%, #262958 71.0%, #222857 74.2%, #1f2855 77.4%, #1c2753 80.6%, #182651 83.9%, #15244f 87.1%, #12234d 90.3%, #0f224b 93.5%, #0c2049 96.8%, #0a2048 100.0%);
background: linear-gradient(135deg in oklch, oklch(37.40% 0.1185 9.14) 0.0%, oklch(37.22% 0.1171 6.43) 3.2%, oklch(36.97% 0.1151 2.82) 6.5%, oklch(36.68% 0.1128 358.51) 9.7%, oklch(36.35% 0.1103 353.73) 12.9%, oklch(36.00% 0.1077 348.70) 16.1%, oklch(35.65% 0.1053 343.63) 19.4%, oklch(35.29% 0.1032 338.74) 22.6%, oklch(34.96% 0.1016 334.23) 25.8%, oklch(34.61% 0.1005 329.80) 29.0%, oklch(34.26% 0.0998 325.32) 32.3%, oklch(33.89% 0.0993 320.82) 35.5%, oklch(33.52% 0.0989 316.35) 38.7%, oklch(33.16% 0.0985 311.95) 41.9%, oklch(32.80% 0.0979 307.65) 45.2%, oklch(32.45% 0.0970 303.51) 48.4%, oklch(32.12% 0.0958 299.53) 51.6%, oklch(31.84% 0.0941 295.57) 54.8%, oklch(31.58% 0.0922 291.65) 58.1%, oklch(31.32% 0.0902 287.84) 61.3%, oklch(31.06% 0.0881 284.19) 64.5%, oklch(30.77% 0.0861 280.74) 67.7%, oklch(30.43% 0.0844 277.56) 71.0%, oklch(30.03% 0.0830 274.69) 74.2%, oklch(29.54% 0.0820 272.17) 77.4%, oklch(28.92% 0.0813 269.92) 80.6%, oklch(28.23% 0.0808 267.93) 83.9%, oklch(27.50% 0.0805 266.18) 87.1%, oklch(26.79% 0.0803 264.66) 90.3%, oklch(26.14% 0.0802 263.36) 93.5%, oklch(25.59% 0.0801 262.26) 96.8%, oklch(25.20% 0.0799 261.35) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.374 | 0.119 | 9.1 |
| 2 | 0.35 | 0.102 | -24.7 |
| 3 | 0.323 | 0.096 | -58.5 |
| 4 | 0.299 | 0.083 | -86 |
| 5 | 0.252 | 0.08 | -98.6 |

## In these collections

- [Red and blue gradients](https://grabient.com/red-and-blue-gradients)

## Other forms

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