# Soft blue orange muted plum gradient

Tritone blue, tan and purple linear gradient with 32 colors: #304293, #3d4395, #4c4596, #5d4796, #6e4a94, #7e4e91, #8e538b, #9c5985, #a8617e, #b26a78, #b97374, #be7d71, #c18670, #c38e71, #c49472, #c59874, #c59a74, #c69a73, #c69872, #c7946f, #c78f6d, #c7886b, #c7816b, #c5796c, #c3716f, #bf6a73, #ba6378, #b55d7e, #ae5883, #a85488, #a3518c, #9f4f8f. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Tritone blue, tan and purple linear gradient
- Seed: `kSaWLAWxrR8Wwta`
- Page: https://grabient.com/kSaWLAWxrR8Wwta?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: light center, warm
- Hues: two-hue
- Contrast of its darkest and lightest colors: 3.5 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 | `#304293` | `oklch(41.34% 0.1350 270.00)` | Blue Oblivion | white, 8.9 to 1 |
| 2 | `#3d4395` | `oklch(42.53% 0.1326 275.99)` | Galaxy Express | white, 8.5 to 1 |
| 3 | `#4c4596` | `oklch(44.11% 0.1292 283.92)` | Galaxy Express | white, 8 to 1 |
| 4 | `#5d4796` | `oklch(46.01% 0.1251 293.48)` | Liberty | white, 7.4 to 1 |
| 5 | `#6e4a94` | `oklch(48.18% 0.1204 304.36)` | Grapes of Italy | white, 6.8 to 1 |
| 6 | `#7e4e91` | `oklch(50.54% 0.1153 316.24)` | Voodoo Violet | white, 6.2 to 1 |
| 7 | `#8e538b` | `oklch(53.04% 0.1099 328.81)` | Grape Candy | white, 5.5 to 1 |
| 8 | `#9c5985` | `oklch(55.61% 0.1044 341.75)` | Feminism | white, 5 to 1 |
| 9 | `#a8617e` | `oklch(58.20% 0.0989 354.74)` | Daah-Ling | black, 4.6 to 1 |
| 10 | `#b26a78` | `oklch(60.73% 0.0935 7.47)` | Mauvewood | black, 5.2 to 1 |
| 11 | `#b97374` | `oklch(63.15% 0.0885 19.63)` | Rita’s Rouge | black, 5.7 to 1 |
| 12 | `#be7d71` | `oklch(65.40% 0.0839 30.90)` | Faneuil Brick | black, 6.3 to 1 |
| 13 | `#c18670` | `oklch(67.41% 0.0800 40.97)` | Ginger Rose | black, 6.9 to 1 |
| 14 | `#c38e71` | `oklch(69.11% 0.0768 49.52)` | Copper Lake | black, 7.4 to 1 |
| 15 | `#c49472` | `oklch(70.46% 0.0745 56.23)` | Surprise | black, 7.8 to 1 |
| 16 | `#c59874` | `oklch(71.37% 0.0732 60.79)` | Copper Moon | black, 8.1 to 1 |
| 17 | `#c59a74` | `oklch(71.81% 0.0732 62.94)` | Chimaera Brown | black, 8.2 to 1 |
| 18 | `#c69a73` | `oklch(71.81% 0.0743 62.85)` | Chimaera Brown | black, 8.2 to 1 |
| 19 | `#c69872` | `oklch(71.42% 0.0765 60.80)` | Sonora Shade | black, 8.1 to 1 |
| 20 | `#c7946f` | `oklch(70.69% 0.0796 57.06)` | Surprise | black, 7.9 to 1 |
| 21 | `#c78f6d` | `oklch(69.69% 0.0835 51.88)` | Baker’s Dream | black, 7.5 to 1 |
| 22 | `#c7886b` | `oklch(68.45% 0.0880 45.54)` | Secluded Canyon | black, 7.1 to 1 |
| 23 | `#c7816b` | `oklch(67.03% 0.0929 38.29)` | Earthworm | black, 6.7 to 1 |
| 24 | `#c5796c` | `oklch(65.48% 0.0981 30.40)` | First Lady | black, 6.3 to 1 |
| 25 | `#c3716f` | `oklch(63.86% 0.1035 22.12)` | Brandied Apricot | black, 5.9 to 1 |
| 26 | `#bf6a73` | `oklch(62.22% 0.1090 13.73)` | Cherry Fizz | black, 5.5 to 1 |
| 27 | `#ba6378` | `oklch(60.60% 0.1143 5.48)` | Raspberry Parfait | black, 5.1 to 1 |
| 28 | `#b55d7e` | `oklch(59.06% 0.1193 357.63)` | Kir Royale Rose | black, 4.8 to 1 |
| 29 | `#ae5883` | `oklch(57.65% 0.1239 350.44)` | Guppy Violet | white, 4.6 to 1 |
| 30 | `#a85488` | `oklch(56.42% 0.1279 344.19)` | Cyclamen Red | white, 4.9 to 1 |
| 31 | `#a3518c` | `oklch(55.43% 0.1312 339.13)` | Purple Zergling | white, 5.1 to 1 |
| 32 | `#9f4f8f` | `oklch(54.72% 0.1337 335.52)` | Hyacinth Violet | white, 5.2 to 1 |

## CSS

```css
background: linear-gradient(45deg, #304293 0.0%, #3d4395 3.2%, #4c4596 6.5%, #5d4796 9.7%, #6e4a94 12.9%, #7e4e91 16.1%, #8e538b 19.4%, #9c5985 22.6%, #a8617e 25.8%, #b26a78 29.0%, #b97374 32.3%, #be7d71 35.5%, #c18670 38.7%, #c38e71 41.9%, #c49472 45.2%, #c59874 48.4%, #c59a74 51.6%, #c69a73 54.8%, #c69872 58.1%, #c7946f 61.3%, #c78f6d 64.5%, #c7886b 67.7%, #c7816b 71.0%, #c5796c 74.2%, #c3716f 77.4%, #bf6a73 80.6%, #ba6378 83.9%, #b55d7e 87.1%, #ae5883 90.3%, #a85488 93.5%, #a3518c 96.8%, #9f4f8f 100.0%);
background: linear-gradient(45deg in oklch, oklch(41.34% 0.1350 270.00) 0.0%, oklch(42.53% 0.1326 275.99) 3.2%, oklch(44.11% 0.1292 283.92) 6.5%, oklch(46.01% 0.1251 293.48) 9.7%, oklch(48.18% 0.1204 304.36) 12.9%, oklch(50.54% 0.1153 316.24) 16.1%, oklch(53.04% 0.1099 328.81) 19.4%, oklch(55.61% 0.1044 341.75) 22.6%, oklch(58.20% 0.0989 354.74) 25.8%, oklch(60.73% 0.0935 7.47) 29.0%, oklch(63.15% 0.0885 19.63) 32.3%, oklch(65.40% 0.0839 30.90) 35.5%, oklch(67.41% 0.0800 40.97) 38.7%, oklch(69.11% 0.0768 49.52) 41.9%, oklch(70.46% 0.0745 56.23) 45.2%, oklch(71.37% 0.0732 60.79) 48.4%, oklch(71.81% 0.0732 62.94) 51.6%, oklch(71.81% 0.0743 62.85) 54.8%, oklch(71.42% 0.0765 60.80) 58.1%, oklch(70.69% 0.0796 57.06) 61.3%, oklch(69.69% 0.0835 51.88) 64.5%, oklch(68.45% 0.0880 45.54) 67.7%, oklch(67.03% 0.0929 38.29) 71.0%, oklch(65.48% 0.0981 30.40) 74.2%, oklch(63.86% 0.1035 22.12) 77.4%, oklch(62.22% 0.1090 13.73) 80.6%, oklch(60.60% 0.1143 5.48) 83.9%, oklch(59.06% 0.1193 357.63) 87.1%, oklch(57.65% 0.1239 350.44) 90.3%, oklch(56.42% 0.1279 344.19) 93.5%, oklch(55.43% 0.1312 339.13) 96.8%, oklch(54.72% 0.1337 335.52) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.413 | 0.135 | 270 |
| 2 | 0.717 | 0.073 | 422.2 |
| 3 | 0.547 | 0.134 | 335.5 |

## In these collections

- [Iridescent glass interface](https://grabient.com/iridescent-glass-interface)

## Other forms

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