# White and red Scandi gradient

Analogous white, pink and maroon linear gradient with 32 colors: #faf3f0, #f9f0ed, #f9edea, #f8e9e5, #f7e4e0, #f6dfdb, #f4dad6, #f3d4d0, #f1cdc9, #efc5c2, #edbdb9, #ebb4b0, #e8aba6, #e6a29c, #e29992, #df9089, #db8780, #d77f77, #d3766e, #ce6e65, #c9665d, #c45e54, #bf564d, #ba4f46, #b44840, #ad423a, #a53c36, #9d3731, #96322e, #902e2b, #8a2a28, #862726. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Analogous white, pink and maroon linear gradient
- Seed: `kW9gYc8A6-Nukv_HM0Ata8_o`
- Page: https://grabient.com/kW9gYc8A6-Nukv_HM0Ata8_o?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: light to dark, pastel, warm
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 8.1 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 | `#faf3f0` | `oklch(96.85% 0.0083 40.08)` | Ivory Tower | black, 19.1 to 1 |
| 2 | `#f9f0ed` | `oklch(96.21% 0.0106 38.79)` | Shea | black, 18.7 to 1 |
| 3 | `#f9edea` | `oklch(95.42% 0.0135 36.95)` | Salt Pebble | black, 18.3 to 1 |
| 4 | `#f8e9e5` | `oklch(94.47% 0.0169 34.75)` | Musical Mist | black, 17.7 to 1 |
| 5 | `#f7e4e0` | `oklch(93.39% 0.0208 32.38)` | Discreet Romance | black, 17.1 to 1 |
| 6 | `#f6dfdb` | `oklch(92.17% 0.0253 30.04)` | Wedding Pink | black, 16.5 to 1 |
| 7 | `#f4dad6` | `oklch(90.82% 0.0302 27.92)` | Light Apricot | black, 15.8 to 1 |
| 8 | `#f3d4d0` | `oklch(89.36% 0.0356 26.19)` | French Bustle | black, 15 to 1 |
| 9 | `#f1cdc9` | `oklch(87.78% 0.0415 25.06)` | Kislev Pink | black, 14.3 to 1 |
| 10 | `#efc5c2` | `oklch(86.01% 0.0483 24.42)` | Delicate Pink Rose | black, 13.4 to 1 |
| 11 | `#edbdb9` | `oklch(84.05% 0.0561 24.14)` | Pink Sachet | black, 12.6 to 1 |
| 12 | `#ebb4b0` | `oklch(81.95% 0.0644 24.13)` | Naked Rose | black, 11.7 to 1 |
| 13 | `#e8aba6` | `oklch(79.76% 0.0730 24.31)` | Soft Salmon | black, 10.8 to 1 |
| 14 | `#e6a29c` | `oklch(77.52% 0.0815 24.61)` | Bussell Lace | black, 9.9 to 1 |
| 15 | `#e29992` | `oklch(75.28% 0.0897 24.93)` | Strawberry Rose | black, 9.1 to 1 |
| 16 | `#df9089` | `oklch(73.10% 0.0972 25.20)` | Honeysuckle Rose | black, 8.4 to 1 |
| 17 | `#db8780` | `oklch(71.00% 0.1039 25.37)` | Lobster Bisque | black, 7.8 to 1 |
| 18 | `#d77f77` | `oklch(68.89% 0.1104 25.62)` | Cranapple | black, 7.1 to 1 |
| 19 | `#d3766e` | `oklch(66.76% 0.1168 25.96)` | Light Tomato | black, 6.5 to 1 |
| 20 | `#ce6e65` | `oklch(64.63% 0.1229 26.33)` | Matador’s Cape | black, 6 to 1 |
| 21 | `#c9665d` | `oklch(62.51% 0.1285 26.70)` | Japanese Kimono | black, 5.5 to 1 |
| 22 | `#c45e54` | `oklch(60.42% 0.1333 27.03)` | Barbecue | black, 5 to 1 |
| 23 | `#bf564d` | `oklch(58.38% 0.1372 27.27)` | Sunset | black, 4.6 to 1 |
| 24 | `#ba4f46` | `oklch(56.39% 0.1400 27.39)` | Amaryllis | white, 4.9 to 1 |
| 25 | `#b44840` | `oklch(54.42% 0.1415 27.35)` | Teaberry Blossom | white, 5.3 to 1 |
| 26 | `#ad423a` | `oklch(52.36% 0.1413 27.16)` | Glitzy Red | white, 5.8 to 1 |
| 27 | `#a53c36` | `oklch(50.28% 0.1400 26.87)` | Bijou Red | white, 6.3 to 1 |
| 28 | `#9d3731` | `oklch(48.25% 0.1378 26.52)` | Milano Red | white, 6.9 to 1 |
| 29 | `#96322e` | `oklch(46.35% 0.1353 26.14)` | Redbox | white, 7.5 to 1 |
| 30 | `#902e2b` | `oklch(44.64% 0.1328 25.78)` | Potion № 9 | white, 8 to 1 |
| 31 | `#8a2a28` | `oklch(43.21% 0.1308 25.48)` | Borscht | white, 8.5 to 1 |
| 32 | `#862726` | `oklch(42.13% 0.1295 25.28)` | Polished Apple | white, 8.9 to 1 |

## CSS

```css
background: linear-gradient(45deg, #faf3f0 0.0%, #f9f0ed 3.2%, #f9edea 6.5%, #f8e9e5 9.7%, #f7e4e0 12.9%, #f6dfdb 16.1%, #f4dad6 19.4%, #f3d4d0 22.6%, #f1cdc9 25.8%, #efc5c2 29.0%, #edbdb9 32.3%, #ebb4b0 35.5%, #e8aba6 38.7%, #e6a29c 41.9%, #e29992 45.2%, #df9089 48.4%, #db8780 51.6%, #d77f77 54.8%, #d3766e 58.1%, #ce6e65 61.3%, #c9665d 64.5%, #c45e54 67.7%, #bf564d 71.0%, #ba4f46 74.2%, #b44840 77.4%, #ad423a 80.6%, #a53c36 83.9%, #9d3731 87.1%, #96322e 90.3%, #902e2b 93.5%, #8a2a28 96.8%, #862726 100.0%);
background: linear-gradient(45deg in oklch, oklch(96.85% 0.0083 40.08) 0.0%, oklch(96.21% 0.0106 38.79) 3.2%, oklch(95.42% 0.0135 36.95) 6.5%, oklch(94.47% 0.0169 34.75) 9.7%, oklch(93.39% 0.0208 32.38) 12.9%, oklch(92.17% 0.0253 30.04) 16.1%, oklch(90.82% 0.0302 27.92) 19.4%, oklch(89.36% 0.0356 26.19) 22.6%, oklch(87.78% 0.0415 25.06) 25.8%, oklch(86.01% 0.0483 24.42) 29.0%, oklch(84.05% 0.0561 24.14) 32.3%, oklch(81.95% 0.0644 24.13) 35.5%, oklch(79.76% 0.0730 24.31) 38.7%, oklch(77.52% 0.0815 24.61) 41.9%, oklch(75.28% 0.0897 24.93) 45.2%, oklch(73.10% 0.0972 25.20) 48.4%, oklch(71.00% 0.1039 25.37) 51.6%, oklch(68.89% 0.1104 25.62) 54.8%, oklch(66.76% 0.1168 25.96) 58.1%, oklch(64.63% 0.1229 26.33) 61.3%, oklch(62.51% 0.1285 26.70) 64.5%, oklch(60.42% 0.1333 27.03) 67.7%, oklch(58.38% 0.1372 27.27) 71.0%, oklch(56.39% 0.1400 27.39) 74.2%, oklch(54.42% 0.1415 27.35) 77.4%, oklch(52.36% 0.1413 27.16) 80.6%, oklch(50.28% 0.1400 26.87) 83.9%, oklch(48.25% 0.1378 26.52) 87.1%, oklch(46.35% 0.1353 26.14) 90.3%, oklch(44.64% 0.1328 25.78) 93.5%, oklch(43.21% 0.1308 25.48) 96.8%, oklch(42.13% 0.1295 25.28) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.969 | 0.008 | 40.1 |
| 2 | 0.882 | 0.04 | 25.3 |
| 3 | 0.72 | 0.101 | 25.3 |
| 4 | 0.559 | 0.141 | 27.4 |
| 5 | 0.421 | 0.13 | 25.3 |

## In these collections

- [Scandinavian Christmas color palette](https://grabient.com/scandinavian-christmas-color-palette)

## Other forms

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