# Soft deep rose blue red gradient

Tritone dark purple, blue and brown linear gradient with 32 colors: #482633, #492736, #492739, #49273e, #482843, #472949, #452a4f, #422c55, #3e2e5b, #3a3161, #353366, #2f366b, #2a396f, #253c73, #223f77, #21417b, #25437f, #2d4584, #37468a, #44478e, #534792, #624793, #724792, #81478e, #904788, #9e487f, #aa4a74, #b34d68, #bb505d, #c05551, #c45947, #c65d3f. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Tritone dark purple, blue and brown linear gradient
- Seed: `kSUSf9saa0syzz-`
- Page: https://grabient.com/kSUSf9saa0syzz-?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: muted
- Hues: wide
- Contrast of its darkest and lightest colors: 3.1 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 | `#482633` | `oklch(31.89% 0.0537 356.48)` | Wine Tasting | white, 13 to 1 |
| 2 | `#492736` | `oklch(32.12% 0.0557 352.58)` | Wine Tasting | white, 12.9 to 1 |
| 3 | `#492739` | `oklch(32.35% 0.0581 347.20)` | Wine Tasting | white, 12.8 to 1 |
| 4 | `#49273e` | `oklch(32.60% 0.0608 340.58)` | Prestige Mauve | white, 12.7 to 1 |
| 5 | `#482843` | `oklch(32.87% 0.0639 333.00)` | Opulent Mauve | white, 12.6 to 1 |
| 6 | `#472949` | `oklch(33.15% 0.0673 324.72)` | Purple Pennant | white, 12.5 to 1 |
| 7 | `#452a4f` | `oklch(33.47% 0.0710 316.00)` | Purple Pennant | white, 12.3 to 1 |
| 8 | `#422c55` | `oklch(33.82% 0.0748 307.11)` | Scarlet Gum | white, 12.2 to 1 |
| 9 | `#3e2e5b` | `oklch(34.21% 0.0787 298.30)` | Jakarta Skyline | white, 12 to 1 |
| 10 | `#3a3161` | `oklch(34.64% 0.0826 289.83)` | Jakarta Skyline | white, 11.7 to 1 |
| 11 | `#353366` | `oklch(35.13% 0.0866 281.98)` | Deep Koamaru | white, 11.5 to 1 |
| 12 | `#2f366b` | `oklch(35.67% 0.0905 274.99)` | Deep Koamaru | white, 11.2 to 1 |
| 13 | `#2a396f` | `oklch(36.28% 0.0944 269.14)` | Spirit Blue | white, 10.9 to 1 |
| 14 | `#253c73` | `oklch(36.95% 0.0980 264.69)` | Blue Expanse | white, 10.6 to 1 |
| 15 | `#223f77` | `oklch(37.70% 0.1015 261.89)` | Blue Expanse | white, 10.2 to 1 |
| 16 | `#21417b` | `oklch(38.53% 0.1046 261.01)` | Mazarine Blue | white, 9.9 to 1 |
| 17 | `#25437f` | `oklch(39.46% 0.1075 262.33)` | Maritime Outpost | white, 9.5 to 1 |
| 18 | `#2d4584` | `oklch(40.56% 0.1104 265.94)` | Indigo Night | white, 9.1 to 1 |
| 19 | `#37468a` | `oklch(41.83% 0.1132 271.60)` | Truth | white, 8.7 to 1 |
| 20 | `#44478e` | `oklch(43.24% 0.1160 279.00)` | Spectrum Blue | white, 8.2 to 1 |
| 21 | `#534792` | `oklch(44.75% 0.1188 287.85)` | Liberty | white, 7.8 to 1 |
| 22 | `#624793` | `oklch(46.34% 0.1215 297.86)` | Sweet Flag | white, 7.3 to 1 |
| 23 | `#724792` | `oklch(47.98% 0.1241 308.72)` | Purple Sapphire | white, 6.9 to 1 |
| 24 | `#81478e` | `oklch(49.63% 0.1267 320.15)` | Prunella | white, 6.5 to 1 |
| 25 | `#904788` | `oklch(51.29% 0.1291 331.86)` | Pickled Plum | white, 6 to 1 |
| 26 | `#9e487f` | `oklch(52.90% 0.1314 343.54)` | Orchid Lei | white, 5.7 to 1 |
| 27 | `#aa4a74` | `oklch(54.45% 0.1336 354.90)` | Our Little Secret | white, 5.3 to 1 |
| 28 | `#b34d68` | `oklch(55.91% 0.1356 5.65)` | Extravagant Blush | white, 5 to 1 |
| 29 | `#bb505d` | `oklch(57.25% 0.1375 15.49)` | Salsa Diane | white, 4.7 to 1 |
| 30 | `#c05551` | `oklch(58.43% 0.1392 24.14)` | Maple Red | black, 4.6 to 1 |
| 31 | `#c45947` | `oklch(59.44% 0.1407 31.28)` | Martian Ironearth | black, 4.8 to 1 |
| 32 | `#c65d3f` | `oklch(60.24% 0.1419 36.64)` | Cold Brew Tonic | black, 5 to 1 |

## CSS

```css
background: linear-gradient(45deg, #482633 0.0%, #492736 3.2%, #492739 6.5%, #49273e 9.7%, #482843 12.9%, #472949 16.1%, #452a4f 19.4%, #422c55 22.6%, #3e2e5b 25.8%, #3a3161 29.0%, #353366 32.3%, #2f366b 35.5%, #2a396f 38.7%, #253c73 41.9%, #223f77 45.2%, #21417b 48.4%, #25437f 51.6%, #2d4584 54.8%, #37468a 58.1%, #44478e 61.3%, #534792 64.5%, #624793 67.7%, #724792 71.0%, #81478e 74.2%, #904788 77.4%, #9e487f 80.6%, #aa4a74 83.9%, #b34d68 87.1%, #bb505d 90.3%, #c05551 93.5%, #c45947 96.8%, #c65d3f 100.0%);
background: linear-gradient(45deg in oklch, oklch(31.89% 0.0537 356.48) 0.0%, oklch(32.12% 0.0557 352.58) 3.2%, oklch(32.35% 0.0581 347.20) 6.5%, oklch(32.60% 0.0608 340.58) 9.7%, oklch(32.87% 0.0639 333.00) 12.9%, oklch(33.15% 0.0673 324.72) 16.1%, oklch(33.47% 0.0710 316.00) 19.4%, oklch(33.82% 0.0748 307.11) 22.6%, oklch(34.21% 0.0787 298.30) 25.8%, oklch(34.64% 0.0826 289.83) 29.0%, oklch(35.13% 0.0866 281.98) 32.3%, oklch(35.67% 0.0905 274.99) 35.5%, oklch(36.28% 0.0944 269.14) 38.7%, oklch(36.95% 0.0980 264.69) 41.9%, oklch(37.70% 0.1015 261.89) 45.2%, oklch(38.53% 0.1046 261.01) 48.4%, oklch(39.46% 0.1075 262.33) 51.6%, oklch(40.56% 0.1104 265.94) 54.8%, oklch(41.83% 0.1132 271.60) 58.1%, oklch(43.24% 0.1160 279.00) 61.3%, oklch(44.75% 0.1188 287.85) 64.5%, oklch(46.34% 0.1215 297.86) 67.7%, oklch(47.98% 0.1241 308.72) 71.0%, oklch(49.63% 0.1267 320.15) 74.2%, oklch(51.29% 0.1291 331.86) 77.4%, oklch(52.90% 0.1314 343.54) 80.6%, oklch(54.45% 0.1336 354.90) 83.9%, oklch(55.91% 0.1356 5.65) 87.1%, oklch(57.25% 0.1375 15.49) 90.3%, oklch(58.43% 0.1392 24.14) 93.5%, oklch(59.44% 0.1407 31.28) 96.8%, oklch(60.24% 0.1419 36.64) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.319 | 0.054 | 356.5 |
| 2 | 0.39 | 0.106 | 261.4 |
| 3 | 0.602 | 0.142 | 396.6 |

## In these collections

- [Cranberry bog harvest](https://grabient.com/cranberry-bog-harvest)

## Other forms

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