# Red gray icy blue bands

Red, gray and light blue linear swatches with 21 colors: #b11e20, #ae2e28, #a83f33, #a24e3d, #9e5c4a, #996a5c, #94786b, #908577, #8c9187, #8f9998, #95a1a7, #97a9bc, #95b1d6, #93b9ed, #97bef9, #9bc3fe, #9fc7ff, #a5caff, #abcbff, #b1ccff, #b4cdff. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Red, gray and light blue linear swatches
- Seed: `kafYQTQ6dA04KwzZBlPY6DDOkgP_rm8DA`
- Page: https://grabient.com/kafYQTQ6dA04KwzZBlPY6DDOkgP_rm8DA?style=linearSwatches&steps=21
- Drawn as: linear swatches, 21 steps, 90 degrees
- Kinds: dark to light
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 4.2 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 | `#b11e20` | `oklch(49.21% 0.1819 26.72)` | Scarlet Blaze | white, 6.8 to 1 |
| 2 | `#ae2e28` | `oklch(49.97% 0.1652 27.76)` | Cross My Heart | white, 6.5 to 1 |
| 3 | `#a83f33` | `oklch(51.07% 0.1411 29.36)` | Cherry Race | white, 6.1 to 1 |
| 4 | `#a24e3d` | `oklch(52.56% 0.1154 32.53)` | Boynton Canyon | white, 5.6 to 1 |
| 5 | `#9e5c4a` | `oklch(54.52% 0.0910 36.08)` | Grand Canyon | white, 5.1 to 1 |
| 6 | `#996a5c` | `oklch(56.99% 0.0643 37.81)` | Western Red | white, 4.5 to 1 |
| 7 | `#94786b` | `oklch(59.67% 0.0405 46.78)` | Buffalo Soldier | black, 5.1 to 1 |
| 8 | `#908577` | `oklch(62.27% 0.0246 73.33)` | Stacked Stone | black, 5.8 to 1 |
| 9 | `#8c9187` | `oklch(64.87% 0.0151 125.43)` | Grey Heron | black, 6.4 to 1 |
| 10 | `#8f9998` | `oklch(67.50% 0.0119 185.11)` | Evening Fog | black, 7.1 to 1 |
| 11 | `#95a1a7` | `oklch(70.08% 0.0165 229.61)` | Metropolis Mood | black, 7.9 to 1 |
| 12 | `#97a9bc` | `oklch(72.71% 0.0345 249.05)` | Lead Ore | black, 8.7 to 1 |
| 13 | `#95b1d6` | `oklch(75.34% 0.0616 254.82)` | Lazy Day | black, 9.5 to 1 |
| 14 | `#93b9ed` | `oklch(77.68% 0.0849 256.09)` | Electric Eel | black, 10.3 to 1 |
| 15 | `#97bef9` | `oklch(79.50% 0.0942 258.73)` | Truesky Gloxym | black, 11 to 1 |
| 16 | `#9bc3fe` | `oklch(80.91% 0.0942 258.35)` | Pastel Blue | black, 11.5 to 1 |
| 17 | `#9fc7ff` | `oklch(82.03% 0.0904 257.06)` | Apocyan | black, 12 to 1 |
| 18 | `#a5caff` | `oklch(82.98% 0.0855 257.56)` | Night Snow | black, 12.4 to 1 |
| 19 | `#abcbff` | `oklch(83.73% 0.0809 259.87)` | Night Snow | black, 12.7 to 1 |
| 20 | `#b1ccff` | `oklch(84.27% 0.0777 262.58)` | Night Snow | black, 12.9 to 1 |
| 21 | `#b4cdff` | `oklch(84.65% 0.0755 264.48)` | Night Snow | black, 13 to 1 |

## CSS

```css
background: linear-gradient(90deg, #b11e20 0.000% 4.762%, #ae2e28 4.762% 9.524%, #a83f33 9.524% 14.286%, #a24e3d 14.286% 19.048%, #9e5c4a 19.048% 23.810%, #996a5c 23.810% 28.571%, #94786b 28.571% 33.333%, #908577 33.333% 38.095%, #8c9187 38.095% 42.857%, #8f9998 42.857% 47.619%, #95a1a7 47.619% 52.381%, #97a9bc 52.381% 57.143%, #95b1d6 57.143% 61.905%, #93b9ed 61.905% 66.667%, #97bef9 66.667% 71.429%, #9bc3fe 71.429% 76.190%, #9fc7ff 76.190% 80.952%, #a5caff 80.952% 85.714%, #abcbff 85.714% 90.476%, #b1ccff 90.476% 95.238%, #b4cdff 95.238% 100.000%);
background: linear-gradient(90deg, oklch(49.21% 0.1819 26.72) 0.000% 4.762%, oklch(49.97% 0.1652 27.76) 4.762% 9.524%, oklch(51.07% 0.1411 29.36) 9.524% 14.286%, oklch(52.56% 0.1154 32.53) 14.286% 19.048%, oklch(54.52% 0.0910 36.08) 19.048% 23.810%, oklch(56.99% 0.0643 37.81) 23.810% 28.571%, oklch(59.67% 0.0405 46.78) 28.571% 33.333%, oklch(62.27% 0.0246 73.33) 33.333% 38.095%, oklch(64.87% 0.0151 125.43) 38.095% 42.857%, oklch(67.50% 0.0119 185.11) 42.857% 47.619%, oklch(70.08% 0.0165 229.61) 47.619% 52.381%, oklch(72.71% 0.0345 249.05) 52.381% 57.143%, oklch(75.34% 0.0616 254.82) 57.143% 61.905%, oklch(77.68% 0.0849 256.09) 61.905% 66.667%, oklch(79.50% 0.0942 258.73) 66.667% 71.429%, oklch(80.91% 0.0942 258.35) 71.429% 76.190%, oklch(82.03% 0.0904 257.06) 76.190% 80.952%, oklch(82.98% 0.0855 257.56) 80.952% 85.714%, oklch(83.73% 0.0809 259.87) 85.714% 90.476%, oklch(84.27% 0.0777 262.58) 90.476% 95.238%, oklch(84.65% 0.0755 264.48) 95.238% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.492 | 0.182 | 26.7 |
| 2 | 0.531 | 0.107 | 34.1 |
| 3 | 0.614 | 0.029 | 61.6 |
| 4 | 0.701 | 0.017 | 229.6 |
| 5 | 0.783 | 0.09 | 257.1 |
| 6 | 0.827 | 0.088 | 257.1 |
| 7 | 0.846 | 0.076 | 264.5 |

## In these collections

- [Complementary swatches](https://grabient.com/complementary-swatches)

## Other forms

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