# Pink tinsel Christmas gradient

Monochrome light pink to magenta linear gradient with 32 colors: #fae9f0, #f9e6ee, #f9e2eb, #f8dde7, #f7d7e3, #f6d1df, #f4cbda, #f3c5d5, #f2bfd1, #f0b9cc, #efb2c7, #edacc2, #eba5bd, #e99eb7, #e797b2, #e590ac, #e289a7, #df83a2, #dd7c9c, #da7597, #d76e92, #d4678d, #d06187, #cc5a82, #c8557c, #c34f76, #bd4970, #b74469, #b23f63, #ac3a5e, #a83759, #a53456. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Monochrome light pink to magenta linear gradient
- Seed: `kW8Q_5bRZAl4oQFOtsAv7bAg`
- Page: https://grabient.com/kW8Q_5bRZAl4oQFOtsAv7bAg?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: light to dark, warm, monochrome
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 5.5 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 | `#fae9f0` | `oklch(94.88% 0.0207 350.16)` | Morning Shine | black, 17.9 to 1 |
| 2 | `#f9e6ee` | `oklch(94.18% 0.0238 350.59)` | Hepatica | black, 17.5 to 1 |
| 3 | `#f9e2eb` | `oklch(93.26% 0.0279 351.20)` | Spun Sugar | black, 17 to 1 |
| 4 | `#f8dde7` | `oklch(92.16% 0.0328 351.91)` | Ranunculus White | black, 16.4 to 1 |
| 5 | `#f7d7e3` | `oklch(90.93% 0.0383 352.70)` | Pink Frosting | black, 15.7 to 1 |
| 6 | `#f6d1df` | `oklch(89.61% 0.0441 353.51)` | Summer Cosmos | black, 15.1 to 1 |
| 7 | `#f4cbda` | `oklch(88.24% 0.0502 354.29)` | Baby Steps | black, 14.4 to 1 |
| 8 | `#f3c5d5` | `oklch(86.85% 0.0562 354.99)` | In the Pink | black, 13.7 to 1 |
| 9 | `#f2bfd1` | `oklch(85.49% 0.0621 355.57)` | Pink Destiny | black, 13.1 to 1 |
| 10 | `#f0b9cc` | `oklch(84.08% 0.0682 356.08)` | Berries N’ Cream | black, 12.5 to 1 |
| 11 | `#efb2c7` | `oklch(82.61% 0.0746 356.55)` | Fairy Tale | black, 11.8 to 1 |
| 12 | `#edacc2` | `oklch(81.09% 0.0812 356.97)` | Pink Macaroon | black, 11.2 to 1 |
| 13 | `#eba5bd` | `oklch(79.53% 0.0879 357.37)` | Hushed Rose | black, 10.6 to 1 |
| 14 | `#e99eb7` | `oklch(77.95% 0.0946 357.74)` | Pegeen Peony | black, 10 to 1 |
| 15 | `#e797b2` | `oklch(76.37% 0.1011 358.10)` | Usu Koubai Blossom | black, 9.4 to 1 |
| 16 | `#e590ac` | `oklch(74.79% 0.1073 358.44)` | Charm Pink | black, 8.9 to 1 |
| 17 | `#e289a7` | `oklch(73.24% 0.1132 358.77)` | Rose Glory | black, 8.3 to 1 |
| 18 | `#df83a2` | `oklch(71.67% 0.1192 359.04)` | Sweet Chrysanthemum | black, 7.8 to 1 |
| 19 | `#dd7c9c` | `oklch(70.09% 0.1252 359.26)` | Impatient Pink | black, 7.4 to 1 |
| 20 | `#da7597` | `oklch(68.51% 0.1312 359.46)` | Oxford Sausage | black, 6.9 to 1 |
| 21 | `#d76e92` | `oklch(66.92% 0.1368 359.67)` | Paris Pink | black, 6.5 to 1 |
| 22 | `#d4678d` | `oklch(65.34% 0.1418 359.91)` | Preppy Rose | black, 6.1 to 1 |
| 23 | `#d06187` | `oklch(63.76% 0.1461 0.21)` | Preppy Rose | black, 5.7 to 1 |
| 24 | `#cc5a82` | `oklch(62.20% 0.1495 0.61)` | Lipstick | black, 5.3 to 1 |
| 25 | `#c8557c` | `oklch(60.60% 0.1518 1.13)` | Panama Rose | black, 5 to 1 |
| 26 | `#c34f76` | `oklch(58.88% 0.1529 1.81)` | Fat Smooch | black, 4.6 to 1 |
| 27 | `#bd4970` | `oklch(57.11% 0.1531 2.58)` | Lake Red | white, 4.8 to 1 |
| 28 | `#b74469` | `oklch(55.36% 0.1528 3.40)` | Mauve It | white, 5.1 to 1 |
| 29 | `#b23f63` | `oklch(53.70% 0.1520 4.20)` | Cry of a Rose | white, 5.5 to 1 |
| 30 | `#ac3a5e` | `oklch(52.20% 0.1512 4.94)` | Heart’s Desire | white, 5.9 to 1 |
| 31 | `#a83759` | `oklch(50.94% 0.1505 5.56)` | Cranberry Sauce | white, 6.2 to 1 |
| 32 | `#a53456` | `oklch(50.00% 0.1502 6.01)` | Cranberry Sauce | white, 6.5 to 1 |

## CSS

```css
background: linear-gradient(135deg, #fae9f0 0.0%, #f9e6ee 3.2%, #f9e2eb 6.5%, #f8dde7 9.7%, #f7d7e3 12.9%, #f6d1df 16.1%, #f4cbda 19.4%, #f3c5d5 22.6%, #f2bfd1 25.8%, #f0b9cc 29.0%, #efb2c7 32.3%, #edacc2 35.5%, #eba5bd 38.7%, #e99eb7 41.9%, #e797b2 45.2%, #e590ac 48.4%, #e289a7 51.6%, #df83a2 54.8%, #dd7c9c 58.1%, #da7597 61.3%, #d76e92 64.5%, #d4678d 67.7%, #d06187 71.0%, #cc5a82 74.2%, #c8557c 77.4%, #c34f76 80.6%, #bd4970 83.9%, #b74469 87.1%, #b23f63 90.3%, #ac3a5e 93.5%, #a83759 96.8%, #a53456 100.0%);
background: linear-gradient(135deg in oklch, oklch(94.88% 0.0207 350.16) 0.0%, oklch(94.18% 0.0238 350.59) 3.2%, oklch(93.26% 0.0279 351.20) 6.5%, oklch(92.16% 0.0328 351.91) 9.7%, oklch(90.93% 0.0383 352.70) 12.9%, oklch(89.61% 0.0441 353.51) 16.1%, oklch(88.24% 0.0502 354.29) 19.4%, oklch(86.85% 0.0562 354.99) 22.6%, oklch(85.49% 0.0621 355.57) 25.8%, oklch(84.08% 0.0682 356.08) 29.0%, oklch(82.61% 0.0746 356.55) 32.3%, oklch(81.09% 0.0812 356.97) 35.5%, oklch(79.53% 0.0879 357.37) 38.7%, oklch(77.95% 0.0946 357.74) 41.9%, oklch(76.37% 0.1011 358.10) 45.2%, oklch(74.79% 0.1073 358.44) 48.4%, oklch(73.24% 0.1132 358.77) 51.6%, oklch(71.67% 0.1192 359.04) 54.8%, oklch(70.09% 0.1252 359.26) 58.1%, oklch(68.51% 0.1312 359.46) 61.3%, oklch(66.92% 0.1368 359.67) 64.5%, oklch(65.34% 0.1418 359.91) 67.7%, oklch(63.76% 0.1461 0.21) 71.0%, oklch(62.20% 0.1495 0.61) 74.2%, oklch(60.60% 0.1518 1.13) 77.4%, oklch(58.88% 0.1529 1.81) 80.6%, oklch(57.11% 0.1531 2.58) 83.9%, oklch(55.36% 0.1528 3.40) 87.1%, oklch(53.70% 0.1520 4.20) 90.3%, oklch(52.20% 0.1512 4.94) 93.5%, oklch(50.94% 0.1505 5.56) 96.8%, oklch(50.00% 0.1502 6.01) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.949 | 0.021 | 350.2 |
| 2 | 0.858 | 0.061 | 355.4 |
| 3 | 0.74 | 0.11 | 358.6 |
| 4 | 0.618 | 0.15 | 360.7 |
| 5 | 0.5 | 0.15 | 366 |

## In these collections

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

## Other forms

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