# Mint and cherry Christmas gradient

Light blue, pink and red linear gradient with 32 colors: #ade7cd, #a9e6d0, #a4e3d3, #a0e0d7, #9ddcda, #9bd8dd, #9ad3e0, #9bcfe2, #9dcbe5, #a0c7e7, #a7c3e9, #aebeea, #b7bae9, #bfb5e6, #c7b0e1, #cdaadb, #d1a4d3, #d39dcb, #d595c3, #d78dba, #d785b0, #d77ca6, #d7749c, #d66c91, #d66585, #d45d79, #d2556c, #cf4e5f, #cd4753, #ca4047, #c73b3d, #c53634. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Light blue, pink and red linear gradient
- Seed: `kW4DN16BZHuMdSpUM0SxkHC4`
- Page: https://grabient.com/kW4DN16BZHuMdSpUM0SxkHC4?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: light to dark, multicolor
- Hues: complementary
- Contrast of its darkest and lightest colors: 3.8 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 | `#ade7cd` | `oklch(88.19% 0.0703 165.23)` | Coastal Foam | black, 15.1 to 1 |
| 2 | `#a9e6d0` | `oklch(87.67% 0.0693 170.31)` | Sweet Aqua | black, 14.8 to 1 |
| 3 | `#a4e3d3` | `oklch(86.95% 0.0678 176.89)` | Aqua Wish | black, 14.5 to 1 |
| 4 | `#a0e0d7` | `oklch(86.10% 0.0659 184.72)` | Frosty | black, 14.1 to 1 |
| 5 | `#9ddcda` | `oklch(85.17% 0.0640 193.53)` | Pale Pastel | black, 13.6 to 1 |
| 6 | `#9bd8dd` | `oklch(84.21% 0.0623 203.05)` | Lake Reflection | black, 13.2 to 1 |
| 7 | `#9ad3e0` | `oklch(83.28% 0.0610 213.02)` | Tourmaline Water Blue | black, 12.7 to 1 |
| 8 | `#9bcfe2` | `oklch(82.43% 0.0605 223.18)` | Blue Carpenter Bee | black, 12.3 to 1 |
| 9 | `#9dcbe5` | `oklch(81.73% 0.0608 233.31)` | Windsor Way | black, 12 to 1 |
| 10 | `#a0c7e7` | `oklch(81.21% 0.0616 244.40)` | Windsor Way | black, 11.7 to 1 |
| 11 | `#a7c3e9` | `oklch(80.81% 0.0629 256.54)` | Sky High | black, 11.5 to 1 |
| 12 | `#aebeea` | `oklch(80.47% 0.0646 269.24)` | French Lilac Blue | black, 11.3 to 1 |
| 13 | `#b7bae9` | `oklch(80.13% 0.0668 282.02)` | Pretty Posie | black, 11.1 to 1 |
| 14 | `#bfb5e6` | `oklch(79.72% 0.0696 294.42)` | Purple Sand | black, 10.9 to 1 |
| 15 | `#c7b0e1` | `oklch(79.17% 0.0731 305.95)` | Lavender Field Dreamer | black, 10.6 to 1 |
| 16 | `#cdaadb` | `oklch(78.42% 0.0775 316.14)` | Cherish the Moment | black, 10.3 to 1 |
| 17 | `#d1a4d3` | `oklch(77.41% 0.0827 324.60)` | Favourite Lavender | black, 9.9 to 1 |
| 18 | `#d39dcb` | `oklch(76.15% 0.0894 331.70)` | Girl Power | black, 9.4 to 1 |
| 19 | `#d595c3` | `oklch(74.70% 0.0971 337.73)` | Firm Pink | black, 8.9 to 1 |
| 20 | `#d78dba` | `oklch(73.11% 0.1057 342.91)` | High Maintenance | black, 8.3 to 1 |
| 21 | `#d785b0` | `oklch(71.44% 0.1145 347.48)` | Middle Purple | black, 7.8 to 1 |
| 22 | `#d77ca6` | `oklch(69.75% 0.1232 351.64)` | Wild Orchid | black, 7.3 to 1 |
| 23 | `#d7749c` | `oklch(68.09% 0.1315 355.64)` | Wild Orchid | black, 6.8 to 1 |
| 24 | `#d66c91` | `oklch(66.51% 0.1389 359.69)` | Paris Pink | black, 6.4 to 1 |
| 25 | `#d66585` | `oklch(65.00% 0.1454 3.88)` | Surfer Girl | black, 6 to 1 |
| 26 | `#d45d79` | `oklch(63.38% 0.1518 7.96)` | Peppermint Swirl | black, 5.6 to 1 |
| 27 | `#d2556c` | `oklch(61.72% 0.1579 11.86)` | Imayou Pink | black, 5.2 to 1 |
| 28 | `#cf4e5f` | `oklch(60.09% 0.1636 15.49)` | Cherry Hill | black, 4.9 to 1 |
| 29 | `#cd4753` | `oklch(58.55% 0.1689 18.80)` | Lingonberry Red | black, 4.6 to 1 |
| 30 | `#ca4047` | `oklch(57.16% 0.1735 21.72)` | Mullen Pink | white, 4.8 to 1 |
| 31 | `#c73b3d` | `oklch(56.00% 0.1775 24.17)` | Root Chakra | white, 5 to 1 |
| 32 | `#c53634` | `oklch(55.12% 0.1805 26.10)` | Stop | white, 5.2 to 1 |

## CSS

```css
background: linear-gradient(90deg, #ade7cd 0.0%, #a9e6d0 3.2%, #a4e3d3 6.5%, #a0e0d7 9.7%, #9ddcda 12.9%, #9bd8dd 16.1%, #9ad3e0 19.4%, #9bcfe2 22.6%, #9dcbe5 25.8%, #a0c7e7 29.0%, #a7c3e9 32.3%, #aebeea 35.5%, #b7bae9 38.7%, #bfb5e6 41.9%, #c7b0e1 45.2%, #cdaadb 48.4%, #d1a4d3 51.6%, #d39dcb 54.8%, #d595c3 58.1%, #d78dba 61.3%, #d785b0 64.5%, #d77ca6 67.7%, #d7749c 71.0%, #d66c91 74.2%, #d66585 77.4%, #d45d79 80.6%, #d2556c 83.9%, #cf4e5f 87.1%, #cd4753 90.3%, #ca4047 93.5%, #c73b3d 96.8%, #c53634 100.0%);
background: linear-gradient(90deg in oklch, oklch(88.19% 0.0703 165.23) 0.0%, oklch(87.67% 0.0693 170.31) 3.2%, oklch(86.95% 0.0678 176.89) 6.5%, oklch(86.10% 0.0659 184.72) 9.7%, oklch(85.17% 0.0640 193.53) 12.9%, oklch(84.21% 0.0623 203.05) 16.1%, oklch(83.28% 0.0610 213.02) 19.4%, oklch(82.43% 0.0605 223.18) 22.6%, oklch(81.73% 0.0608 233.31) 25.8%, oklch(81.21% 0.0616 244.40) 29.0%, oklch(80.81% 0.0629 256.54) 32.3%, oklch(80.47% 0.0646 269.24) 35.5%, oklch(80.13% 0.0668 282.02) 38.7%, oklch(79.72% 0.0696 294.42) 41.9%, oklch(79.17% 0.0731 305.95) 45.2%, oklch(78.42% 0.0775 316.14) 48.4%, oklch(77.41% 0.0827 324.60) 51.6%, oklch(76.15% 0.0894 331.70) 54.8%, oklch(74.70% 0.0971 337.73) 58.1%, oklch(73.11% 0.1057 342.91) 61.3%, oklch(71.44% 0.1145 347.48) 64.5%, oklch(69.75% 0.1232 351.64) 67.7%, oklch(68.09% 0.1315 355.64) 71.0%, oklch(66.51% 0.1389 359.69) 74.2%, oklch(65.00% 0.1454 3.88) 77.4%, oklch(63.38% 0.1518 7.96) 80.6%, oklch(61.72% 0.1579 11.86) 83.9%, oklch(60.09% 0.1636 15.49) 87.1%, oklch(58.55% 0.1689 18.80) 90.3%, oklch(57.16% 0.1735 21.72) 93.5%, oklch(56.00% 0.1775 24.17) 96.8%, oklch(55.12% 0.1805 26.10) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.882 | 0.07 | 165.2 |
| 2 | 0.819 | 0.061 | 230.8 |
| 3 | 0.78 | 0.08 | 320.6 |
| 4 | 0.661 | 0.141 | 360.7 |
| 5 | 0.551 | 0.181 | 386.1 |

## In these collections

- [Vintage Christmas color palette](https://grabient.com/vintage-christmas-color-palette)

## Other forms

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