# Dusty wine teal diagonal

Maroon, purple, brown and teal linear gradient with 24 colors: #4b172d, #511930, #5a1c35, #65203b, #712541, #7c2a46, #87324c, #903b56, #9a4663, #a4526f, #ad5d76, #b56574, #b96d67, #b47752, #a08448, #808f58, #629170, #518d80, #488582, #40797b, #356c6e, #2a5f60, #205454, #194d4d. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Maroon, purple, brown and teal linear gradient
- Seed: `kWSzz-N6tAs2kwVLmFOsRPBY`
- Page: https://grabient.com/kWSzz-N6tAs2kwVLmFOsRPBY?steps=24&angle=45
- Drawn as: linear gradient, 24 steps, 45 degrees
- Kinds: light center
- Hues: complementary
- Contrast of its darkest and lightest colors: 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 | `#4b172d` | `oklch(29.53% 0.0827 357.19)` | Chilli Black Red | white, 14.3 to 1 |
| 2 | `#511930` | `oklch(31.11% 0.0875 357.85)` | Tulip Poplar Purple | white, 13.6 to 1 |
| 3 | `#5a1c35` | `oklch(33.28% 0.0946 358.72)` | Soul Anchor | white, 12.6 to 1 |
| 4 | `#65203b` | `oklch(35.87% 0.1027 359.77)` | Quills of Terico | white, 11.5 to 1 |
| 5 | `#712541` | `oklch(38.70% 0.1104 1.00)` | Palace Red | white, 10.3 to 1 |
| 6 | `#7c2a46` | `oklch(41.59% 0.1162 2.39)` | Red Plum | white, 9.1 to 1 |
| 7 | `#87324c` | `oklch(44.41% 0.1188 3.79)` | Anemone | white, 8.1 to 1 |
| 8 | `#903b56` | `oklch(47.61% 0.1185 2.83)` | Quinacridone Magenta | white, 7.1 to 1 |
| 9 | `#9a4663` | `oklch(51.13% 0.1162 0.45)` | Cadillac | white, 6 to 1 |
| 10 | `#a4526f` | `oklch(54.64% 0.1124 359.03)` | China Rose | white, 5.2 to 1 |
| 11 | `#ad5d76` | `oklch(57.77% 0.1078 0.92)` | Indian Pink | black, 4.5 to 1 |
| 12 | `#b56574` | `oklch(60.19% 0.1029 8.49)` | Slate Rose | black, 5 to 1 |
| 13 | `#b96d67` | `oklch(61.64% 0.0981 24.57)` | Hacienda Tile | black, 5.4 to 1 |
| 14 | `#b47752` | `oklch(62.44% 0.0922 51.52)` | Apricot Mix | black, 5.6 to 1 |
| 15 | `#a08448` | `oklch(62.68% 0.0856 85.20)` | Madagascar | black, 5.8 to 1 |
| 16 | `#808f58` | `oklch(62.34% 0.0788 120.73)` | Green Energy | black, 5.9 to 1 |
| 17 | `#629170` | `oklch(61.42% 0.0725 153.22)` | Manchester | black, 5.8 to 1 |
| 18 | `#518d80` | `oklch(59.92% 0.0672 177.79)` | Dusty Teal | black, 5.4 to 1 |
| 19 | `#488582` | `oklch(57.52% 0.0633 191.48)` | Jericho Jade | black, 4.9 to 1 |
| 20 | `#40797b` | `oklch(53.85% 0.0603 197.75)` | Grand Canal | white, 4.9 to 1 |
| 21 | `#356c6e` | `oklch(49.48% 0.0580 198.98)` | Aquarium | white, 5.9 to 1 |
| 22 | `#2a5f60` | `oklch(45.06% 0.0563 197.41)` | Calypso Green | white, 7.2 to 1 |
| 23 | `#205454` | `oklch(41.21% 0.0549 195.27)` | Forbidden Forest | white, 8.5 to 1 |
| 24 | `#194d4d` | `oklch(38.58% 0.0537 194.80)` | Port Malmesbury | white, 9.5 to 1 |

## CSS

```css
background: linear-gradient(45deg, #4b172d 0.0%, #511930 4.3%, #5a1c35 8.7%, #65203b 13.0%, #712541 17.4%, #7c2a46 21.7%, #87324c 26.1%, #903b56 30.4%, #9a4663 34.8%, #a4526f 39.1%, #ad5d76 43.5%, #b56574 47.8%, #b96d67 52.2%, #b47752 56.5%, #a08448 60.9%, #808f58 65.2%, #629170 69.6%, #518d80 73.9%, #488582 78.3%, #40797b 82.6%, #356c6e 87.0%, #2a5f60 91.3%, #205454 95.7%, #194d4d 100.0%);
background: linear-gradient(45deg in oklch, oklch(29.53% 0.0827 357.19) 0.0%, oklch(31.11% 0.0875 357.85) 4.3%, oklch(33.28% 0.0946 358.72) 8.7%, oklch(35.87% 0.1027 359.77) 13.0%, oklch(38.70% 0.1104 1.00) 17.4%, oklch(41.59% 0.1162 2.39) 21.7%, oklch(44.41% 0.1188 3.79) 26.1%, oklch(47.61% 0.1185 2.83) 30.4%, oklch(51.13% 0.1162 0.45) 34.8%, oklch(54.64% 0.1124 359.03) 39.1%, oklch(57.77% 0.1078 0.92) 43.5%, oklch(60.19% 0.1029 8.49) 47.8%, oklch(61.64% 0.0981 24.57) 52.2%, oklch(62.44% 0.0922 51.52) 56.5%, oklch(62.68% 0.0856 85.20) 60.9%, oklch(62.34% 0.0788 120.73) 65.2%, oklch(61.42% 0.0725 153.22) 69.6%, oklch(59.92% 0.0672 177.79) 73.9%, oklch(57.52% 0.0633 191.48) 78.3%, oklch(53.85% 0.0603 197.75) 82.6%, oklch(49.48% 0.0580 198.98) 87.0%, oklch(45.06% 0.0563 197.41) 91.3%, oklch(41.21% 0.0549 195.27) 95.7%, oklch(38.58% 0.0537 194.80) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.295 | 0.083 | 357.2 |
| 2 | 0.437 | 0.119 | 363.5 |
| 3 | 0.61 | 0.101 | 375.2 |
| 4 | 0.594 | 0.066 | 542.1 |
| 5 | 0.386 | 0.054 | 554.8 |

## In these collections

- [Vintage wine and teal](https://grabient.com/vintage-wine-and-teal)

## Other forms

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