# Mauve and gray magnolia rain morning The Mauve and gray magnolia rain morning brings together red, light orange, light gray, off-white, light blue, and blue. The colors span a broad lightness range, combining restrained color with clear contrast. Its balanced and composed character suits travel posters and environmental mood boards. Its darkest tone is blue, and its lightest tone is off-white. - Also called: Brown, gray and light blue linear gradient - Seed: `kagh4V2RPBnGIQx4CE96ZTC86Twc7ikXA` - Page: https://grabient.com/kagh4V2RPBnGIQx4CE96ZTC86Twc7ikXA?steps=32&angle=135 - Drawn as: linear gradient, 32 steps, 135 degrees - Kinds: light center, pastel - Hues: complementary - Contrast of its darkest and lightest colors: 5.9 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 | `#7d5e59` | `oklch(51.18% 0.0413 30.23)` | Bateau Brown | white, 5.8 to 1 | | 2 | `#85655e` | `oklch(53.64% 0.0436 31.84)` | Pharlap | white, 5.2 to 1 | | 3 | `#916e65` | `oklch(57.10% 0.0473 33.97)` | Prairie Dog | black, 4.6 to 1 | | 4 | `#a0796e` | `oklch(61.16% 0.0510 36.61)` | Woodhaven | black, 5.4 to 1 | | 5 | `#ae8678` | `oklch(65.41% 0.0537 39.74)` | Canyon Earth | black, 6.4 to 1 | | 6 | `#ba9282` | `oklch(69.45% 0.0540 43.33)` | Belfry Brick | black, 7.5 to 1 | | 7 | `#c59f8e` | `oklch(73.32% 0.0508 46.37)` | Whistler Rose | black, 8.7 to 1 | | 8 | `#ceae9e` | `oklch(77.47% 0.0445 48.16)` | Iced Copper | black, 10.1 to 1 | | 9 | `#d7bdae` | `oklch(81.60% 0.0367 50.65)` | Classic Sand | black, 11.7 to 1 | | 10 | `#dfcbbd` | `oklch(85.39% 0.0291 55.83)` | Honey Lime Chicken | black, 13.3 to 1 | | 11 | `#e4d7ca` | `oklch(88.52% 0.0233 65.71)` | Sheer Scarf | black, 14.8 to 1 | | 12 | `#e7e0d2` | `oklch(90.84% 0.0202 82.95)` | Herare White | black, 15.9 to 1 | | 13 | `#e7e8da` | `oklch(92.65% 0.0185 108.64)` | Shy Green | black, 16.9 to 1 | | 14 | `#e5eee3` | `oklch(93.93% 0.0179 138.51)` | Calm Thoughts | black, 17.6 to 1 | | 15 | `#e2f2eb` | `oklch(94.64% 0.0186 167.98)` | Opera Glass | black, 18 to 1 | | 16 | `#dff2f1` | `oklch(94.71% 0.0206 192.48)` | Bone-Chilling | black, 18.1 to 1 | | 17 | `#daf0f4` | `oklch(94.08% 0.0242 208.09)` | Let It Snow | black, 17.7 to 1 | | 18 | `#d1ecf4` | `oklch(92.68% 0.0306 216.80)` | Chalky Blue White | black, 17 to 1 | | 19 | `#c5e7f2` | `oklch(90.62% 0.0387 221.09)` | Niagara Mist | black, 16 to 1 | | 20 | `#b7dfef` | `oklch(88.07% 0.0469 223.04)` | Fountains of Budapest | black, 14.8 to 1 | | 21 | `#a9d6e9` | `oklch(85.15% 0.0536 224.75)` | Blue Bubble | black, 13.5 to 1 | | 22 | `#9dcce2` | `oklch(81.96% 0.0574 228.02)` | Endless Blue | black, 12.1 to 1 | | 23 | `#91bfd7` | `oklch(78.13% 0.0590 230.72)` | Speedboat | black, 10.6 to 1 | | 24 | `#85b1ca` | `oklch(73.79% 0.0591 232.70)` | Batch Blue | black, 9.1 to 1 | | 25 | `#79a3bb` | `oklch(69.29% 0.0580 234.91)` | Ocean Surf | black, 7.7 to 1 | | 26 | `#6f95ae` | `oklch(64.99% 0.0559 238.27)` | Aragonite Blue | black, 6.5 to 1 | | 27 | `#6988a2` | `oklch(61.23% 0.0532 243.76)` | Sporty Blue | black, 5.6 to 1 | | 28 | `#657c96` | `oklch(57.71% 0.0489 252.55)` | Indigo Dreams | black, 4.8 to 1 | | 29 | `#637089` | `oklch(54.33% 0.0431 263.61)` | Blue Cloud | white, 4.9 to 1 | | 30 | `#60657c` | `oklch(51.26% 0.0369 275.14)` | Purple Daze | white, 5.7 to 1 | | 31 | `#5d5d71` | `oklch(48.71% 0.0313 285.31)` | Luscious Purple | white, 6.3 to 1 | | 32 | `#5a5869` | `oklch(46.85% 0.0276 292.31)` | Ripe Berry | white, 6.9 to 1 | ## CSS ```css background: linear-gradient(135deg, #7d5e59 0.0%, #85655e 3.2%, #916e65 6.5%, #a0796e 9.7%, #ae8678 12.9%, #ba9282 16.1%, #c59f8e 19.4%, #ceae9e 22.6%, #d7bdae 25.8%, #dfcbbd 29.0%, #e4d7ca 32.3%, #e7e0d2 35.5%, #e7e8da 38.7%, #e5eee3 41.9%, #e2f2eb 45.2%, #dff2f1 48.4%, #daf0f4 51.6%, #d1ecf4 54.8%, #c5e7f2 58.1%, #b7dfef 61.3%, #a9d6e9 64.5%, #9dcce2 67.7%, #91bfd7 71.0%, #85b1ca 74.2%, #79a3bb 77.4%, #6f95ae 80.6%, #6988a2 83.9%, #657c96 87.1%, #637089 90.3%, #60657c 93.5%, #5d5d71 96.8%, #5a5869 100.0%); background: linear-gradient(135deg in oklch, oklch(51.18% 0.0413 30.23) 0.0%, oklch(53.64% 0.0436 31.84) 3.2%, oklch(57.10% 0.0473 33.97) 6.5%, oklch(61.16% 0.0510 36.61) 9.7%, oklch(65.41% 0.0537 39.74) 12.9%, oklch(69.45% 0.0540 43.33) 16.1%, oklch(73.32% 0.0508 46.37) 19.4%, oklch(77.47% 0.0445 48.16) 22.6%, oklch(81.60% 0.0367 50.65) 25.8%, oklch(85.39% 0.0291 55.83) 29.0%, oklch(88.52% 0.0233 65.71) 32.3%, oklch(90.84% 0.0202 82.95) 35.5%, oklch(92.65% 0.0185 108.64) 38.7%, oklch(93.93% 0.0179 138.51) 41.9%, oklch(94.64% 0.0186 167.98) 45.2%, oklch(94.71% 0.0206 192.48) 48.4%, oklch(94.08% 0.0242 208.09) 51.6%, oklch(92.68% 0.0306 216.80) 54.8%, oklch(90.62% 0.0387 221.09) 58.1%, oklch(88.07% 0.0469 223.04) 61.3%, oklch(85.15% 0.0536 224.75) 64.5%, oklch(81.96% 0.0574 228.02) 67.7%, oklch(78.13% 0.0590 230.72) 71.0%, oklch(73.79% 0.0591 232.70) 74.2%, oklch(69.29% 0.0580 234.91) 77.4%, oklch(64.99% 0.0559 238.27) 80.6%, oklch(61.23% 0.0532 243.76) 83.9%, oklch(57.71% 0.0489 252.55) 87.1%, oklch(54.33% 0.0431 263.61) 90.3%, oklch(51.26% 0.0369 275.14) 93.5%, oklch(48.71% 0.0313 285.31) 96.8%, oklch(46.85% 0.0276 292.31) 100.0%); ``` ## Keyframes 7 OKLCH keyframes joined by a Catmull-Rom spline. Hue is unwrapped degrees. | Keyframe | Lightness | Chroma | Hue | | --- | --- | --- | --- | | 1 | 0.512 | 0.041 | 30.2 | | 2 | 0.701 | 0.054 | 44 | | 3 | 0.894 | 0.022 | 70.4 | | 4 | 0.945 | 0.022 | 201.4 | | 5 | 0.831 | 0.056 | 226.8 | | 6 | 0.618 | 0.054 | 242.6 | | 7 | 0.469 | 0.028 | 292.3 | ## In these collections - [Magnolia rain morning](https://grabient.com/magnolia-rain-morning) ## Other forms - [JSON](https://grabient.com/kagh4V2RPBnGIQx4CE96ZTC86Twc7ikXA.json?steps=32&angle=135) - [PNG](https://grabient.com/kagh4V2RPBnGIQx4CE96ZTC86Twc7ikXA.png?steps=32&angle=135) - [SVG](https://grabient.com/kagh4V2RPBnGIQx4CE96ZTC86Twc7ikXA.svg?steps=32&angle=135) - [CSS](https://grabient.com/kagh4V2RPBnGIQx4CE96ZTC86Twc7ikXA.css?steps=32&angle=135) - [ASE](https://grabient.com/kagh4V2RPBnGIQx4CE96ZTC86Twc7ikXA.ase?steps=32&angle=135) - [GPL](https://grabient.com/kagh4V2RPBnGIQx4CE96ZTC86Twc7ikXA.gpl?steps=32&angle=135) - [GRD](https://grabient.com/kagh4V2RPBnGIQx4CE96ZTC86Twc7ikXA.grd?steps=32&angle=135) - [Design tokens](https://grabient.com/kagh4V2RPBnGIQx4CE96ZTC86Twc7ikXA.tokens.json?steps=32&angle=135) - [Social card](https://grabient.com/api/og?seed=kagh4V2RPBnGIQx4CE96ZTC86Twc7ikXA&steps=32&angle=135) - [Palettes like this one](https://grabient.com/palettes?q=kagh4V2RPBnGIQx4CE96ZTC86Twc7ikXA) - [Guide for agents](https://grabient.com/llms.txt)