# Off-white, cobalt blue and crimson alpine thaw

The Off-white, cobalt blue and crimson alpine thaw brings together off-white, light gray, light blue, blue, magenta, and red. The colors span a moderate lightness range, combining strong color with clear contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is magenta, and its lightest tone is off-white.

- Also called: White, blue, purple and red linear gradient
- Seed: `kc7wCucAc-OAYvxPokDwhvBz-ayrLu8S1ERBQ`
- Page: https://grabient.com/kc7wCucAc-OAYvxPokDwhvBz-ayrLu8S1ERBQ?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: dark center
- Hues: complementary
- Contrast of its darkest and lightest colors: 5.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 | `#ebebeb` | `oklch(94.09% 0.0000 89.88)` | Mercury | black, 17.6 to 1 |
| 2 | `#e7e9ea` | `oklch(93.29% 0.0025 242.20)` | Snowbank | black, 17.2 to 1 |
| 3 | `#e2e6e9` | `oklch(92.20% 0.0058 238.60)` | Arctic Dawn | black, 16.6 to 1 |
| 4 | `#dae2e6` | `oklch(90.80% 0.0102 234.64)` | Crystal Bay | black, 16 to 1 |
| 5 | `#d1dde4` | `oklch(89.05% 0.0162 231.10)` | A Dime a Dozen | black, 15.1 to 1 |
| 6 | `#c4d7e1` | `oklch(86.89% 0.0243 228.46)` | Skinny Dippin’ | black, 14.2 to 1 |
| 7 | `#b4d1dd` | `oklch(84.23% 0.0352 226.08)` | Shrubby Lichen | black, 13 to 1 |
| 8 | `#a1c9d9` | `oklch(81.24% 0.0474 224.10)` | Piezo Blue | black, 11.8 to 1 |
| 9 | `#8ec1d4` | `oklch(78.15% 0.0591 222.82)` | Eastern Sky | black, 10.7 to 1 |
| 10 | `#7db9ce` | `oklch(75.18% 0.0687 222.53)` | Petit Four | black, 9.6 to 1 |
| 11 | `#6db0c9` | `oklch(72.21% 0.0769 223.37)` | Delicate Girl Blue | black, 8.7 to 1 |
| 12 | `#5ea7c3` | `oklch(69.19% 0.0843 225.12)` | Pottery Blue | black, 7.8 to 1 |
| 13 | `#509ebe` | `oklch(66.21% 0.0900 227.48)` | Rushing Rapids | black, 6.9 to 1 |
| 14 | `#4695b8` | `oklch(63.37% 0.0933 230.16)` | Coastline Blue | black, 6.2 to 1 |
| 15 | `#408cb0` | `oklch(60.66% 0.0931 232.27)` | Navagio Bay | black, 5.5 to 1 |
| 16 | `#3c83a6` | `oklch(57.91% 0.0893 233.10)` | Lake Henry | black, 4.9 to 1 |
| 17 | `#3b7a9c` | `oklch(55.35% 0.0836 234.87)` | Blue Dart Frog | white, 4.7 to 1 |
| 18 | `#3e7295` | `oklch(53.17% 0.0783 239.91)` | Phenomenon | white, 5.1 to 1 |
| 19 | `#466b92` | `oklch(51.57% 0.0750 250.64)` | Queen Blue | white, 5.5 to 1 |
| 20 | `#54638e` | `oklch(50.42% 0.0711 269.22)` | Breathtaking | white, 5.9 to 1 |
| 21 | `#635b86` | `oklch(49.69% 0.0674 292.44)` | Purple Balloon | white, 6.2 to 1 |
| 22 | `#71567c` | `oklch(49.48% 0.0667 315.98)` | Mystical | white, 6.3 to 1 |
| 23 | `#7d5373` | `oklch(49.89% 0.0717 335.48)` | Magnificence | white, 6.2 to 1 |
| 24 | `#8b516e` | `oklch(51.15% 0.0858 349.08)` | Merlin’s Cloak | white, 5.9 to 1 |
| 25 | `#9e506a` | `oklch(53.30% 0.1080 359.56)` | Cherry Berry | white, 5.5 to 1 |
| 26 | `#b34e65` | `oklch(55.84% 0.1329 7.76)` | Extravagant Blush | white, 5 to 1 |
| 27 | `#c54c5e` | `oklch(58.28% 0.1549 14.42)` | Claret Red | white, 4.5 to 1 |
| 28 | `#d34c55` | `oklch(60.23% 0.1690 20.14)` | Faded Red | black, 4.9 to 1 |
| 29 | `#dd4f4f` | `oklch(62.05% 0.1774 24.11)` | Flushed | black, 5.3 to 1 |
| 30 | `#e5534c` | `oklch(63.73% 0.1822 26.60)` | Red Arremer | black, 5.6 to 1 |
| 31 | `#eb574a` | `oklch(65.14% 0.1850 28.19)` | Opal Flame | black, 5.9 to 1 |
| 32 | `#ef5a49` | `oklch(66.14% 0.1874 29.46)` | Opal Flame | black, 6.2 to 1 |

## CSS

```css
background: linear-gradient(90deg, #ebebeb 0.0%, #e7e9ea 3.2%, #e2e6e9 6.5%, #dae2e6 9.7%, #d1dde4 12.9%, #c4d7e1 16.1%, #b4d1dd 19.4%, #a1c9d9 22.6%, #8ec1d4 25.8%, #7db9ce 29.0%, #6db0c9 32.3%, #5ea7c3 35.5%, #509ebe 38.7%, #4695b8 41.9%, #408cb0 45.2%, #3c83a6 48.4%, #3b7a9c 51.6%, #3e7295 54.8%, #466b92 58.1%, #54638e 61.3%, #635b86 64.5%, #71567c 67.7%, #7d5373 71.0%, #8b516e 74.2%, #9e506a 77.4%, #b34e65 80.6%, #c54c5e 83.9%, #d34c55 87.1%, #dd4f4f 90.3%, #e5534c 93.5%, #eb574a 96.8%, #ef5a49 100.0%);
background: linear-gradient(90deg in oklch, oklch(94.09% 0.0000 89.88) 0.0%, oklch(93.29% 0.0025 242.20) 3.2%, oklch(92.20% 0.0058 238.60) 6.5%, oklch(90.80% 0.0102 234.64) 9.7%, oklch(89.05% 0.0162 231.10) 12.9%, oklch(86.89% 0.0243 228.46) 16.1%, oklch(84.23% 0.0352 226.08) 19.4%, oklch(81.24% 0.0474 224.10) 22.6%, oklch(78.15% 0.0591 222.82) 25.8%, oklch(75.18% 0.0687 222.53) 29.0%, oklch(72.21% 0.0769 223.37) 32.3%, oklch(69.19% 0.0843 225.12) 35.5%, oklch(66.21% 0.0900 227.48) 38.7%, oklch(63.37% 0.0933 230.16) 41.9%, oklch(60.66% 0.0931 232.27) 45.2%, oklch(57.91% 0.0893 233.10) 48.4%, oklch(55.35% 0.0836 234.87) 51.6%, oklch(53.17% 0.0783 239.91) 54.8%, oklch(51.57% 0.0750 250.64) 58.1%, oklch(50.42% 0.0711 269.22) 61.3%, oklch(49.69% 0.0674 292.44) 64.5%, oklch(49.48% 0.0667 315.98) 67.7%, oklch(49.89% 0.0717 335.48) 71.0%, oklch(51.15% 0.0858 349.08) 74.2%, oklch(53.30% 0.1080 359.56) 77.4%, oklch(55.84% 0.1329 7.76) 80.6%, oklch(58.28% 0.1549 14.42) 83.9%, oklch(60.23% 0.1690 20.14) 87.1%, oklch(62.05% 0.1774 24.11) 90.3%, oklch(63.73% 0.1822 26.60) 93.5%, oklch(65.14% 0.1850 28.19) 96.8%, oklch(66.14% 0.1874 29.46) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.941 | 0 | 244.7 |
| 2 | 0.882 | 0.019 | 229.9 |
| 3 | 0.756 | 0.068 | 222.5 |
| 4 | 0.626 | 0.094 | 230.9 |
| 5 | 0.52 | 0.076 | 246.8 |
| 6 | 0.5 | 0.073 | 337.7 |
| 7 | 0.594 | 0.164 | 377.8 |
| 8 | 0.661 | 0.187 | 389.5 |

## In these collections

- [Alpine thaw](https://grabient.com/alpine-thaw)

## Other forms

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