# Mauve, sky blue and champagne pastel halloween

The Mauve, sky blue and champagne pastel halloween brings together magenta, light purple, light green, and pale orange. The colors span a moderate lightness range, combining restrained color with gentle contrast. Its light and open character suits travel posters and environmental mood boards. Its darkest tone is magenta, and its lightest tone is pale orange.

- Also called: Purple to beige linear gradient
- Seed: `kUoSLoYBE9umTLD4izlA`
- Page: https://grabient.com/kUoSLoYBE9umTLD4izlA?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: dark to light, pastel
- Hues: complementary
- Contrast of its darkest and lightest colors: 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 | `#9a819a` | `oklch(63.39% 0.0469 326.25)` | Mixed Berries | black, 5.9 to 1 |
| 2 | `#9c839c` | `oklch(64.11% 0.0468 325.79)` | Berry Bliss | black, 6.1 to 1 |
| 3 | `#9f869f` | `oklch(65.05% 0.0468 326.00)` | Amethyst Grey Violet | black, 6.3 to 1 |
| 4 | `#a289a2` | `oklch(66.18% 0.0467 326.54)` | Plum Perfume | black, 6.6 to 1 |
| 5 | `#a78da6` | `oklch(67.44% 0.0466 327.06)` | Aged to Perfection | black, 6.9 to 1 |
| 6 | `#ab91aa` | `oklch(68.79% 0.0465 327.21)` | Knight’s Tale | black, 7.3 to 1 |
| 7 | `#af95ae` | `oklch(70.18% 0.0465 326.64)` | London Hue | black, 7.7 to 1 |
| 8 | `#b39ab4` | `oklch(71.57% 0.0464 324.99)` | Veiled Violet | black, 8.1 to 1 |
| 9 | `#b69eb9` | `oklch(72.91% 0.0465 321.91)` | Pastel Purple | black, 8.5 to 1 |
| 10 | `#b8a3bf` | `oklch(74.16% 0.0466 317.06)` | Svelte | black, 8.9 to 1 |
| 11 | `#b8a7c5` | `oklch(75.26% 0.0468 310.09)` | Pixieland | black, 9.3 to 1 |
| 12 | `#b6abcc` | `oklch(76.20% 0.0471 300.42)` | Lavender Dream | black, 9.7 to 1 |
| 13 | `#b2b0d2` | `oklch(77.02% 0.0477 287.48)` | Freesia Purple | black, 10 to 1 |
| 14 | `#abb5d6` | `oklch(77.75% 0.0486 271.91)` | Lilac Sachet | black, 10.3 to 1 |
| 15 | `#a4bbd9` | `oklch(78.42% 0.0495 254.40)` | Clear Lake Trail | black, 10.6 to 1 |
| 16 | `#9cc0d7` | `oklch(79.05% 0.0505 235.67)` | Sky Bus | black, 10.9 to 1 |
| 17 | `#98c6d2` | `oklch(79.66% 0.0514 216.40)` | Idyllic Isle | black, 11.2 to 1 |
| 18 | `#97caca` | `oklch(80.29% 0.0522 197.32)` | Jellyfish Blue | black, 11.5 to 1 |
| 19 | `#9cccc1` | `oklch(80.95% 0.0528 179.12)` | Tareyton | black, 11.8 to 1 |
| 20 | `#a5ceb9` | `oklch(81.67% 0.0530 162.51)` | Bird’s Egg Green | black, 12.1 to 1 |
| 21 | `#afd0b3` | `oklch(82.48% 0.0528 148.19)` | Pastel Mint Green | black, 12.4 to 1 |
| 22 | `#b9d1b0` | `oklch(83.39% 0.0521 136.75)` | Apple Ice | black, 12.8 to 1 |
| 23 | `#c3d3b0` | `oklch(84.47% 0.0507 127.20)` | Morris Leaf | black, 13.2 to 1 |
| 24 | `#ccd5b1` | `oklch(85.68% 0.0488 119.00)` | Mint Soap | black, 13.7 to 1 |
| 25 | `#d4d8b5` | `oklch(86.98% 0.0465 112.01)` | Prairie Willow | black, 14.2 to 1 |
| 26 | `#dcdbba` | `oklch(88.32% 0.0439 106.07)` | Apple Cucumber | black, 14.8 to 1 |
| 27 | `#e2debf` | `oklch(89.67% 0.0412 101.04)` | Flaxen Fair | black, 15.4 to 1 |
| 28 | `#e8e2c5` | `oklch(90.97% 0.0385 96.77)` | White Cliffs | black, 16.1 to 1 |
| 29 | `#ede5cb` | `oklch(92.19% 0.0359 93.10)` | Banana Milkshake | black, 16.6 to 1 |
| 30 | `#f1e8d0` | `oklch(93.27% 0.0336 89.89)` | Natural Whisper | black, 17.2 to 1 |
| 31 | `#f5ebd4` | `oklch(94.19% 0.0317 86.99)` | Minified Yellow | black, 17.7 to 1 |
| 32 | `#f8edd8` | `oklch(94.88% 0.0303 84.25)` | Gracious | black, 18 to 1 |

## CSS

```css
background: linear-gradient(180deg, #9a819a 0.0%, #9c839c 3.2%, #9f869f 6.5%, #a289a2 9.7%, #a78da6 12.9%, #ab91aa 16.1%, #af95ae 19.4%, #b39ab4 22.6%, #b69eb9 25.8%, #b8a3bf 29.0%, #b8a7c5 32.3%, #b6abcc 35.5%, #b2b0d2 38.7%, #abb5d6 41.9%, #a4bbd9 45.2%, #9cc0d7 48.4%, #98c6d2 51.6%, #97caca 54.8%, #9cccc1 58.1%, #a5ceb9 61.3%, #afd0b3 64.5%, #b9d1b0 67.7%, #c3d3b0 71.0%, #ccd5b1 74.2%, #d4d8b5 77.4%, #dcdbba 80.6%, #e2debf 83.9%, #e8e2c5 87.1%, #ede5cb 90.3%, #f1e8d0 93.5%, #f5ebd4 96.8%, #f8edd8 100.0%);
background: linear-gradient(180deg in oklch, oklch(63.39% 0.0469 326.25) 0.0%, oklch(64.11% 0.0468 325.79) 3.2%, oklch(65.05% 0.0468 326.00) 6.5%, oklch(66.18% 0.0467 326.54) 9.7%, oklch(67.44% 0.0466 327.06) 12.9%, oklch(68.79% 0.0465 327.21) 16.1%, oklch(70.18% 0.0465 326.64) 19.4%, oklch(71.57% 0.0464 324.99) 22.6%, oklch(72.91% 0.0465 321.91) 25.8%, oklch(74.16% 0.0466 317.06) 29.0%, oklch(75.26% 0.0468 310.09) 32.3%, oklch(76.20% 0.0471 300.42) 35.5%, oklch(77.02% 0.0477 287.48) 38.7%, oklch(77.75% 0.0486 271.91) 41.9%, oklch(78.42% 0.0495 254.40) 45.2%, oklch(79.05% 0.0505 235.67) 48.4%, oklch(79.66% 0.0514 216.40) 51.6%, oklch(80.29% 0.0522 197.32) 54.8%, oklch(80.95% 0.0528 179.12) 58.1%, oklch(81.67% 0.0530 162.51) 61.3%, oklch(82.48% 0.0528 148.19) 64.5%, oklch(83.39% 0.0521 136.75) 67.7%, oklch(84.47% 0.0507 127.20) 71.0%, oklch(85.68% 0.0488 119.00) 74.2%, oklch(86.98% 0.0465 112.01) 77.4%, oklch(88.32% 0.0439 106.07) 80.6%, oklch(89.67% 0.0412 101.04) 83.9%, oklch(90.97% 0.0385 96.77) 87.1%, oklch(92.19% 0.0359 93.10) 90.3%, oklch(93.27% 0.0336 89.89) 93.5%, oklch(94.19% 0.0317 86.99) 96.8%, oklch(94.88% 0.0303 84.25) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.634 | 0.047 | 326.3 |
| 2 | 0.756 | 0.047 | 307.2 |
| 3 | 0.831 | 0.052 | 140.3 |
| 4 | 0.949 | 0.03 | 84.3 |

## In these collections

- [Pastel Halloween gradients](https://grabient.com/pastel-halloween-gradients)

## Other forms

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