# Mauve and teal southern spring rain

The Mauve and teal southern spring rain brings together magenta, blue, and teal. The colors span a narrow lightness range, combining restrained color with gentle contrast. Its balanced and composed character suits travel posters and environmental mood boards. Its darkest tone is magenta, and its lightest tone is blue.

- Also called: Muted tritone purple, blue and teal linear gradient
- Seed: `kUcCvxThK_1QVszHl7sg`
- Page: https://grabient.com/kUcCvxThK_1QVszHl7sg?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: muted
- Hues: two-hue
- Contrast of its darkest and lightest colors: 2.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 | `#69465e` | `oklch(44.09% 0.0593 338.91)` | Annis | white, 7.9 to 1 |
| 2 | `#6c4960` | `oklch(45.14% 0.0587 339.30)` | Annis | white, 7.6 to 1 |
| 3 | `#704d64` | `oklch(46.55% 0.0579 340.38)` | Dirty Purple | white, 7.1 to 1 |
| 4 | `#755167` | `oklch(48.23% 0.0570 341.87)` | Radicchio | white, 6.6 to 1 |
| 5 | `#7b576c` | `oklch(50.12% 0.0559 343.48)` | Euphoric Magenta | white, 6.1 to 1 |
| 6 | `#815d71` | `oklch(52.12% 0.0548 344.91)` | Chicha Morada | white, 5.6 to 1 |
| 7 | `#876376` | `oklch(54.16% 0.0537 345.89)` | Port Wine Stain | white, 5.1 to 1 |
| 8 | `#8c697b` | `oklch(56.15% 0.0527 346.13)` | Plum Dandy | white, 4.7 to 1 |
| 9 | `#926e81` | `oklch(58.02% 0.0519 345.33)` | Strikemaster | black, 4.7 to 1 |
| 10 | `#967387` | `oklch(59.67% 0.0513 343.22)` | Artiste | black, 5.1 to 1 |
| 11 | `#99788d` | `oklch(61.04% 0.0510 339.50)` | Mountbatten Pink | black, 5.4 to 1 |
| 12 | `#9a7b93` | `oklch(62.11% 0.0511 333.78)` | Amorous | black, 5.6 to 1 |
| 13 | `#9a7f9a` | `oklch(63.05% 0.0514 325.78)` | Mixed Berries | black, 5.8 to 1 |
| 14 | `#9883a2` | `oklch(63.89% 0.0520 315.94)` | Purple Phantom | black, 6 to 1 |
| 15 | `#9586a8` | `oklch(64.62% 0.0528 304.74)` | Purple Phantom | black, 6.2 to 1 |
| 16 | `#908aae` | `oklch(65.22% 0.0537 292.64)` | Larkspur Violet | black, 6.4 to 1 |
| 17 | `#8a8eb3` | `oklch(65.70% 0.0548 280.12)` | Persian Violet | black, 6.6 to 1 |
| 18 | `#8392b5` | `oklch(66.05% 0.0559 267.65)` | Papilio Argeotus | black, 6.7 to 1 |
| 19 | `#7c95b6` | `oklch(66.27% 0.0569 255.71)` | Celestial Horizon | black, 6.8 to 1 |
| 20 | `#7598b5` | `oklch(66.34% 0.0579 244.77)` | Splendid Blue | black, 6.8 to 1 |
| 21 | `#7099b2` | `oklch(66.27% 0.0588 235.31)` | Ocean View | black, 6.9 to 1 |
| 22 | `#6b9aaf` | `oklch(66.04% 0.0595 227.72)` | Yacht Blue | black, 6.8 to 1 |
| 23 | `#669aab` | `oklch(65.51% 0.0601 221.28)` | Cloudy Sea | black, 6.7 to 1 |
| 24 | `#6298a6` | `oklch(64.71% 0.0608 215.62)` | Pyjama Blue | black, 6.5 to 1 |
| 25 | `#5d96a0` | `oklch(63.70% 0.0614 210.69)` | Lakeshore | black, 6.3 to 1 |
| 26 | `#58939a` | `oklch(62.54% 0.0620 206.39)` | Cabana Blue | black, 6 to 1 |
| 27 | `#548f95` | `oklch(61.31% 0.0626 202.66)` | Coastal Calm | black, 5.7 to 1 |
| 28 | `#4f8c8f` | `oklch(60.06% 0.0632 199.42)` | Evora | black, 5.4 to 1 |
| 29 | `#4c898a` | `oklch(58.87% 0.0636 196.60)` | Evora | black, 5.2 to 1 |
| 30 | `#488685` | `oklch(57.80% 0.0641 194.13)` | Jericho Jade | black, 5 to 1 |
| 31 | `#458381` | `oklch(56.92% 0.0645 191.92)` | Emu Egg | black, 4.8 to 1 |
| 32 | `#44827e` | `oklch(56.30% 0.0648 189.90)` | Bubble Turquoise | black, 4.7 to 1 |

## CSS

```css
background: linear-gradient(45deg, #69465e 0.0%, #6c4960 3.2%, #704d64 6.5%, #755167 9.7%, #7b576c 12.9%, #815d71 16.1%, #876376 19.4%, #8c697b 22.6%, #926e81 25.8%, #967387 29.0%, #99788d 32.3%, #9a7b93 35.5%, #9a7f9a 38.7%, #9883a2 41.9%, #9586a8 45.2%, #908aae 48.4%, #8a8eb3 51.6%, #8392b5 54.8%, #7c95b6 58.1%, #7598b5 61.3%, #7099b2 64.5%, #6b9aaf 67.7%, #669aab 71.0%, #6298a6 74.2%, #5d96a0 77.4%, #58939a 80.6%, #548f95 83.9%, #4f8c8f 87.1%, #4c898a 90.3%, #488685 93.5%, #458381 96.8%, #44827e 100.0%);
background: linear-gradient(45deg in oklch, oklch(44.09% 0.0593 338.91) 0.0%, oklch(45.14% 0.0587 339.30) 3.2%, oklch(46.55% 0.0579 340.38) 6.5%, oklch(48.23% 0.0570 341.87) 9.7%, oklch(50.12% 0.0559 343.48) 12.9%, oklch(52.12% 0.0548 344.91) 16.1%, oklch(54.16% 0.0537 345.89) 19.4%, oklch(56.15% 0.0527 346.13) 22.6%, oklch(58.02% 0.0519 345.33) 25.8%, oklch(59.67% 0.0513 343.22) 29.0%, oklch(61.04% 0.0510 339.50) 32.3%, oklch(62.11% 0.0511 333.78) 35.5%, oklch(63.05% 0.0514 325.78) 38.7%, oklch(63.89% 0.0520 315.94) 41.9%, oklch(64.62% 0.0528 304.74) 45.2%, oklch(65.22% 0.0537 292.64) 48.4%, oklch(65.70% 0.0548 280.12) 51.6%, oklch(66.05% 0.0559 267.65) 54.8%, oklch(66.27% 0.0569 255.71) 58.1%, oklch(66.34% 0.0579 244.77) 61.3%, oklch(66.27% 0.0588 235.31) 64.5%, oklch(66.04% 0.0595 227.72) 67.7%, oklch(65.51% 0.0601 221.28) 71.0%, oklch(64.71% 0.0608 215.62) 74.2%, oklch(63.70% 0.0614 210.69) 77.4%, oklch(62.54% 0.0620 206.39) 80.6%, oklch(61.31% 0.0626 202.66) 83.9%, oklch(60.06% 0.0632 199.42) 87.1%, oklch(58.87% 0.0636 196.60) 90.3%, oklch(57.80% 0.0641 194.13) 93.5%, oklch(56.92% 0.0645 191.92) 96.8%, oklch(56.30% 0.0648 189.90) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.441 | 0.059 | 338.9 |
| 2 | 0.614 | 0.051 | 337.8 |
| 3 | 0.661 | 0.059 | 230.1 |
| 4 | 0.563 | 0.065 | 189.9 |

## In these collections

- [Southern spring rain](https://grabient.com/southern-spring-rain)

## Other forms

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