# Glacial frost teal drift

White, blue and gray linear gradient with 40 colors: #ffffff, #fafaf6, #f3f3e9, #e9ebdb, #dae3cd, #c8dbc0, #b3d3b6, #9acbb1, #81c3af, #68bbb0, #50b2b3, #3daab7, #32a4bb, #309fbe, #369cc1, #409cc4, #4c9ec7, #59a2ca, #66a7cd, #72add0, #7fb3d3, #8bb9d5, #96bed7, #9fc2d8, #a5c5d7, #a9c5d6, #a9c3d3, #a6bece, #9fb8c7, #96afbf, #8ba5b6, #7f9aac, #718fa2, #648398, #56788e, #4a6d84, #3e637b, #335a74, #2a536d, #244e68. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: White, blue and gray linear gradient
- Seed: `kU_gBAUybPeYNQYzl8Bg`
- Page: https://grabient.com/kU_gBAUybPeYNQYzl8Bg?steps=40&angle=225
- Drawn as: linear gradient, 40 steps, 225 degrees
- Kinds: pastel, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 8.9 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 | `#ffffff` | `oklch(100.00% 0.0000 89.88)` | White | black, 21 to 1 |
| 2 | `#fafaf6` | `oklch(98.33% 0.0052 96.11)` | Unbleached | black, 20 to 1 |
| 3 | `#f3f3e9` | `oklch(96.08% 0.0122 104.12)` | Fresh Popcorn | black, 18.7 to 1 |
| 4 | `#e9ebdb` | `oklch(93.35% 0.0209 113.70)` | Really Light Green | black, 17.3 to 1 |
| 5 | `#dae3cd` | `oklch(90.27% 0.0306 124.50)` | Frozen Margarita | black, 15.8 to 1 |
| 6 | `#c8dbc0` | `oklch(86.94% 0.0411 136.19)` | Crocodile Dreams | black, 14.3 to 1 |
| 7 | `#b3d3b6` | `oklch(83.48% 0.0520 148.44)` | Enchanted Meadow | black, 12.8 to 1 |
| 8 | `#9acbb1` | `oklch(80.01% 0.0628 160.89)` | Mint Ice Cream | black, 11.5 to 1 |
| 9 | `#81c3af` | `oklch(76.64% 0.0733 173.22)` | Holiday | black, 10.3 to 1 |
| 10 | `#68bbb0` | `oklch(73.49% 0.0830 185.07)` | Pool Blue | black, 9.2 to 1 |
| 11 | `#50b2b3` | `oklch(70.67% 0.0915 196.12)` | Crystalsong Blue | black, 8.3 to 1 |
| 12 | `#3daab7` | `oklch(68.30% 0.0984 206.03)` | Explore Blue | black, 7.6 to 1 |
| 13 | `#32a4bb` | `oklch(66.49% 0.1034 214.44)` | Jamaican Sea | black, 7.1 to 1 |
| 14 | `#309fbe` | `oklch(65.35% 0.1061 221.04)` | Blue Horizon | black, 6.7 to 1 |
| 15 | `#369cc1` | `oklch(65.03% 0.1062 225.96)` | Norse Blue | black, 6.6 to 1 |
| 16 | `#409cc4` | `oklch(65.47% 0.1040 229.71)` | Norse Blue | black, 6.7 to 1 |
| 17 | `#4c9ec7` | `oklch(66.54% 0.0999 232.41)` | Blue Iguana | black, 7 to 1 |
| 18 | `#59a2ca` | `oklch(68.09% 0.0942 234.23)` | Sub-Zero | black, 7.4 to 1 |
| 19 | `#66a7cd` | `oklch(69.99% 0.0874 235.30)` | Salem Blue | black, 7.9 to 1 |
| 20 | `#72add0` | `oklch(72.08% 0.0798 235.77)` | Imrik Blue | black, 8.6 to 1 |
| 21 | `#7fb3d3` | `oklch(74.23% 0.0717 235.80)` | Blue Cuddle | black, 9.3 to 1 |
| 22 | `#8bb9d5` | `oklch(76.29% 0.0637 235.52)` | Simply Posh | black, 10 to 1 |
| 23 | `#96bed7` | `oklch(78.12% 0.0559 235.09)` | Gentle Sky | black, 10.6 to 1 |
| 24 | `#9fc2d8` | `oklch(79.58% 0.0489 234.66)` | Angel Sol | black, 11.1 to 1 |
| 25 | `#a5c5d7` | `oklch(80.53% 0.0429 234.36)` | Frozen Blue | black, 11.5 to 1 |
| 26 | `#a9c5d6` | `oklch(80.82% 0.0385 234.35)` | Dancing in the Rain | black, 11.6 to 1 |
| 27 | `#a9c3d3` | `oklch(80.31% 0.0358 234.77)` | Thunder Chi | black, 11.4 to 1 |
| 28 | `#a6bece` | `oklch(78.94% 0.0349 235.42)` | Sea Breeze | black, 10.9 to 1 |
| 29 | `#9fb8c7` | `oklch(76.81% 0.0351 235.99)` | Country Air | black, 10.1 to 1 |
| 30 | `#96afbf` | `oklch(74.06% 0.0363 236.49)` | Foggy Blue | black, 9.1 to 1 |
| 31 | `#8ba5b6` | `oklch(70.81% 0.0384 236.92)` | Cats and Dogs | black, 8.1 to 1 |
| 32 | `#7f9aac` | `oklch(67.20% 0.0410 237.29)` | Breathtaking View | black, 7.1 to 1 |
| 33 | `#718fa2` | `oklch(63.34% 0.0442 237.60)` | Smoky Azurite | black, 6.1 to 1 |
| 34 | `#648398` | `oklch(59.38% 0.0477 237.88)` | Tambua Bay | black, 5.2 to 1 |
| 35 | `#56788e` | `oklch(55.44% 0.0512 238.12)` | Melancholic Sea | white, 4.7 to 1 |
| 36 | `#4a6d84` | `oklch(51.65% 0.0547 238.32)` | Blue Loneliness | white, 5.5 to 1 |
| 37 | `#3e637b` | `oklch(48.13% 0.0580 238.51)` | Mallard Blue | white, 6.4 to 1 |
| 38 | `#335a74` | `oklch(45.03% 0.0609 238.68)` | Water Chi | white, 7.3 to 1 |
| 39 | `#2a536d` | `oklch(42.46% 0.0632 238.84)` | Diver Lady | white, 8.2 to 1 |
| 40 | `#244e68` | `oklch(40.55% 0.0648 239.00)` | Seafarer | white, 8.9 to 1 |

## CSS

```css
background: linear-gradient(225deg, #ffffff 0.0%, #fafaf6 2.6%, #f3f3e9 5.1%, #e9ebdb 7.7%, #dae3cd 10.3%, #c8dbc0 12.8%, #b3d3b6 15.4%, #9acbb1 17.9%, #81c3af 20.5%, #68bbb0 23.1%, #50b2b3 25.6%, #3daab7 28.2%, #32a4bb 30.8%, #309fbe 33.3%, #369cc1 35.9%, #409cc4 38.5%, #4c9ec7 41.0%, #59a2ca 43.6%, #66a7cd 46.2%, #72add0 48.7%, #7fb3d3 51.3%, #8bb9d5 53.8%, #96bed7 56.4%, #9fc2d8 59.0%, #a5c5d7 61.5%, #a9c5d6 64.1%, #a9c3d3 66.7%, #a6bece 69.2%, #9fb8c7 71.8%, #96afbf 74.4%, #8ba5b6 76.9%, #7f9aac 79.5%, #718fa2 82.1%, #648398 84.6%, #56788e 87.2%, #4a6d84 89.7%, #3e637b 92.3%, #335a74 94.9%, #2a536d 97.4%, #244e68 100.0%);
background: linear-gradient(225deg in oklch, oklch(100.00% 0.0000 89.88) 0.0%, oklch(98.33% 0.0052 96.11) 2.6%, oklch(96.08% 0.0122 104.12) 5.1%, oklch(93.35% 0.0209 113.70) 7.7%, oklch(90.27% 0.0306 124.50) 10.3%, oklch(86.94% 0.0411 136.19) 12.8%, oklch(83.48% 0.0520 148.44) 15.4%, oklch(80.01% 0.0628 160.89) 17.9%, oklch(76.64% 0.0733 173.22) 20.5%, oklch(73.49% 0.0830 185.07) 23.1%, oklch(70.67% 0.0915 196.12) 25.6%, oklch(68.30% 0.0984 206.03) 28.2%, oklch(66.49% 0.1034 214.44) 30.8%, oklch(65.35% 0.1061 221.04) 33.3%, oklch(65.03% 0.1062 225.96) 35.9%, oklch(65.47% 0.1040 229.71) 38.5%, oklch(66.54% 0.0999 232.41) 41.0%, oklch(68.09% 0.0942 234.23) 43.6%, oklch(69.99% 0.0874 235.30) 46.2%, oklch(72.08% 0.0798 235.77) 48.7%, oklch(74.23% 0.0717 235.80) 51.3%, oklch(76.29% 0.0637 235.52) 53.8%, oklch(78.12% 0.0559 235.09) 56.4%, oklch(79.58% 0.0489 234.66) 59.0%, oklch(80.53% 0.0429 234.36) 61.5%, oklch(80.82% 0.0385 234.35) 64.1%, oklch(80.31% 0.0358 234.77) 66.7%, oklch(78.94% 0.0349 235.42) 69.2%, oklch(76.81% 0.0351 235.99) 71.8%, oklch(74.06% 0.0363 236.49) 74.4%, oklch(70.81% 0.0384 236.92) 76.9%, oklch(67.20% 0.0410 237.29) 79.5%, oklch(63.34% 0.0442 237.60) 82.1%, oklch(59.38% 0.0477 237.88) 84.6%, oklch(55.44% 0.0512 238.12) 87.2%, oklch(51.65% 0.0547 238.32) 89.7%, oklch(48.13% 0.0580 238.51) 92.3%, oklch(45.03% 0.0609 238.68) 94.9%, oklch(42.46% 0.0632 238.84) 97.4%, oklch(40.55% 0.0648 239.00) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 1 | 0 | 90 |
| 2 | 0.654 | 0.106 | 221 |
| 3 | 0.803 | 0.036 | 234.8 |
| 4 | 0.406 | 0.065 | 239 |

## In these collections

- [Ice gradients](https://grabient.com/ice-gradients)

## Other forms

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