# Stone, crimson and turquoise southern spring rain

The Stone, crimson and turquoise southern spring rain brings together off-white, magenta, gold, and blue. The colors span a moderate lightness range, combining moderate 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 off-white.

- Also called: Gray, purple, brown and blue linear gradient
- Seed: `kU7AxMThKwtQnS_UFdHA`
- Page: https://grabient.com/kU7AxMThKwtQnS_UFdHA?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark center, muted, warm
- Hues: two-hue
- Contrast of its darkest and lightest colors: 3.3 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 | `#e8e9dc` | `oklch(92.91% 0.0165 106.87)` | Really Light Green | black, 17 to 1 |
| 2 | `#e4e2d4` | `oklch(90.96% 0.0184 98.51)` | Paramount White | black, 16 to 1 |
| 3 | `#ded8c9` | `oklch(88.25% 0.0207 86.56)` | Stretched Canvas | black, 14.7 to 1 |
| 4 | `#d8ccbe` | `oklch(84.99% 0.0234 71.98)` | Bermuda Sand | black, 13.2 to 1 |
| 5 | `#d0beb2` | `oklch(81.35% 0.0264 55.76)` | Summer Bloom | black, 11.6 to 1 |
| 6 | `#c8b0a8` | `oklch(77.51% 0.0297 38.88)` | Vintage Charm | black, 10.2 to 1 |
| 7 | `#bea2a0` | `oklch(73.67% 0.0332 22.31)` | Foggy Quartz | black, 8.8 to 1 |
| 8 | `#b4959a` | `oklch(70.01% 0.0370 7.03)` | Deep South | black, 7.7 to 1 |
| 9 | `#aa8a96` | `oklch(66.70% 0.0410 354.02)` | Reserve | black, 6.7 to 1 |
| 10 | `#a18193` | `oklch(63.94% 0.0452 344.25)` | Berry Bliss | black, 6 to 1 |
| 11 | `#9b7b90` | `oklch(61.90% 0.0495 338.70)` | Mountbatten Pink | black, 5.6 to 1 |
| 12 | `#98768e` | `oklch(60.71% 0.0542 337.90)` | Hidden Mask | black, 5.3 to 1 |
| 13 | `#9a738c` | `oklch(60.18% 0.0600 340.70)` | Hidden Mask | black, 5.1 to 1 |
| 14 | `#9f7189` | `oklch(60.18% 0.0666 346.54)` | Upper Crust | black, 5.1 to 1 |
| 15 | `#a67084` | `oklch(60.61% 0.0737 354.92)` | Never Forget | black, 5.2 to 1 |
| 16 | `#ae707d` | `oklch(61.36% 0.0809 5.35)` | Shade of Mauve | black, 5.3 to 1 |
| 17 | `#b67174` | `oklch(62.30% 0.0878 17.33)` | Exotic Incense | black, 5.5 to 1 |
| 18 | `#bc7467` | `oklch(63.34% 0.0943 30.38)` | Azalea Pot | black, 5.8 to 1 |
| 19 | `#c0795a` | `oklch(64.36% 0.0998 44.00)` | Moroccan Sky | black, 6.1 to 1 |
| 20 | `#bf7f4c` | `oklch(65.25% 0.1041 57.71)` | Limonite | black, 6.3 to 1 |
| 21 | `#bb8642` | `oklch(65.90% 0.1067 71.00)` | Golden Slumber | black, 6.5 to 1 |
| 22 | `#b28d3d` | `oklch(66.21% 0.1075 83.60)` | Pirate’s Hook | black, 6.7 to 1 |
| 23 | `#a59440` | `oklch(66.37% 0.1060 97.56)` | 18th Century Green | black, 6.8 to 1 |
| 24 | `#949a4c` | `oklch(66.46% 0.1027 113.14)` | Spinach Green | black, 7 to 1 |
| 25 | `#80a05e` | `oklch(66.49% 0.0980 129.80)` | Verdant Serenade | black, 7 to 1 |
| 26 | `#6da372` | `oklch(66.48% 0.0922 146.97)` | Growth | black, 7.1 to 1 |
| 27 | `#5ea485` | `oklch(66.43% 0.0858 164.13)` | Plumosa | black, 7.1 to 1 |
| 28 | `#57a396` | `oklch(66.36% 0.0792 180.72)` | Polished Pine | black, 7.1 to 1 |
| 29 | `#59a1a2` | `oklch(66.28% 0.0729 196.21)` | Teal Bayou | black, 7 to 1 |
| 30 | `#5f9eaa` | `oklch(66.21% 0.0671 210.03)` | Echo One | black, 6.9 to 1 |
| 31 | `#679cae` | `oklch(66.16% 0.0625 221.65)` | Left Bank Blue | black, 6.9 to 1 |
| 32 | `#6d9ab0` | `oklch(66.14% 0.0593 230.51)` | Yacht Blue | black, 6.8 to 1 |

## CSS

```css
background: linear-gradient(135deg, #e8e9dc 0.0%, #e4e2d4 3.2%, #ded8c9 6.5%, #d8ccbe 9.7%, #d0beb2 12.9%, #c8b0a8 16.1%, #bea2a0 19.4%, #b4959a 22.6%, #aa8a96 25.8%, #a18193 29.0%, #9b7b90 32.3%, #98768e 35.5%, #9a738c 38.7%, #9f7189 41.9%, #a67084 45.2%, #ae707d 48.4%, #b67174 51.6%, #bc7467 54.8%, #c0795a 58.1%, #bf7f4c 61.3%, #bb8642 64.5%, #b28d3d 67.7%, #a59440 71.0%, #949a4c 74.2%, #80a05e 77.4%, #6da372 80.6%, #5ea485 83.9%, #57a396 87.1%, #59a1a2 90.3%, #5f9eaa 93.5%, #679cae 96.8%, #6d9ab0 100.0%);
background: linear-gradient(135deg in oklch, oklch(92.91% 0.0165 106.87) 0.0%, oklch(90.96% 0.0184 98.51) 3.2%, oklch(88.25% 0.0207 86.56) 6.5%, oklch(84.99% 0.0234 71.98) 9.7%, oklch(81.35% 0.0264 55.76) 12.9%, oklch(77.51% 0.0297 38.88) 16.1%, oklch(73.67% 0.0332 22.31) 19.4%, oklch(70.01% 0.0370 7.03) 22.6%, oklch(66.70% 0.0410 354.02) 25.8%, oklch(63.94% 0.0452 344.25) 29.0%, oklch(61.90% 0.0495 338.70) 32.3%, oklch(60.71% 0.0542 337.90) 35.5%, oklch(60.18% 0.0600 340.70) 38.7%, oklch(60.18% 0.0666 346.54) 41.9%, oklch(60.61% 0.0737 354.92) 45.2%, oklch(61.36% 0.0809 5.35) 48.4%, oklch(62.30% 0.0878 17.33) 51.6%, oklch(63.34% 0.0943 30.38) 54.8%, oklch(64.36% 0.0998 44.00) 58.1%, oklch(65.25% 0.1041 57.71) 61.3%, oklch(65.90% 0.1067 71.00) 64.5%, oklch(66.21% 0.1075 83.60) 67.7%, oklch(66.37% 0.1060 97.56) 71.0%, oklch(66.46% 0.1027 113.14) 74.2%, oklch(66.49% 0.0980 129.80) 77.4%, oklch(66.48% 0.0922 146.97) 80.6%, oklch(66.43% 0.0858 164.13) 83.9%, oklch(66.36% 0.0792 180.72) 87.1%, oklch(66.28% 0.0729 196.21) 90.3%, oklch(66.21% 0.0671 210.03) 93.5%, oklch(66.16% 0.0625 221.65) 96.8%, oklch(66.14% 0.0593 230.51) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.929 | 0.017 | 106.9 |
| 2 | 0.614 | 0.051 | -22 |
| 3 | 0.661 | 0.107 | 79.4 |
| 4 | 0.661 | 0.059 | 230.5 |

## In these collections

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

## Other forms

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