# Nordic blue red linen

Navy, white and maroon linear gradient with 32 colors: #263b58, #2c425f, #354c69, #3f5774, #4b6581, #58728e, #64819a, #728fa4, #83a0b0, #97b1bc, #acc1c8, #bfd0d3, #cfdcdc, #dce5e3, #e7edea, #f0f3f1, #f6f7f5, #f7f7f4, #f5f3ec, #f0e8da, #e9d3bc, #dfb697, #d49473, #c67154, #b85240, #aa3c36, #9d2e31, #91262d, #86242a, #7c2427, #742526, #6e2424. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Navy, white and maroon linear gradient
- Seed: `kYWSq2TBI-nIEub4hbOQjS46-mv2`
- Page: https://grabient.com/kYWSq2TBI-nIEub4hbOQjS46-mv2?steps=32&angle=225
- Drawn as: linear gradient, 32 steps, 225 degrees
- Kinds: light center, muted
- Hues: complementary
- Contrast of its darkest and lightest colors: 10.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 | `#263b58` | `oklch(35.04% 0.0579 255.94)` | Nautilus | white, 11.2 to 1 |
| 2 | `#2c425f` | `oklch(37.58% 0.0573 255.17)` | Black Turmeric | white, 10.1 to 1 |
| 3 | `#354c69` | `oklch(41.02% 0.0568 254.50)` | Deep Royal | white, 8.8 to 1 |
| 4 | `#3f5774` | `oklch(45.13% 0.0562 253.55)` | Champlain Blue | white, 7.3 to 1 |
| 5 | `#4b6581` | `oklch(49.66% 0.0550 251.95)` | Admiral Blue | white, 6 to 1 |
| 6 | `#58728e` | `oklch(54.35% 0.0532 249.33)` | Coronet Blue | white, 4.9 to 1 |
| 7 | `#64819a` | `oklch(58.95% 0.0503 245.32)` | Greyish Blue | black, 5.1 to 1 |
| 8 | `#728fa4` | `oklch(63.63% 0.0459 239.89)` | Blue Grey | black, 6.2 to 1 |
| 9 | `#83a0b0` | `oklch(68.90% 0.0397 233.54)` | Lake Winnipeg | black, 7.6 to 1 |
| 10 | `#97b1bc` | `oklch(74.39% 0.0325 226.15)` | Cloudless Day | black, 9.3 to 1 |
| 11 | `#acc1c8` | `oklch(79.75% 0.0252 217.59)` | Feathery Blue | black, 11.2 to 1 |
| 12 | `#bfd0d3` | `oklch(84.58% 0.0187 207.72)` | Detroit | black, 13.1 to 1 |
| 13 | `#cfdcdc` | `oklch(88.52% 0.0137 196.43)` | Northbound | black, 14.9 to 1 |
| 14 | `#dce5e3` | `oklch(91.44% 0.0106 183.20)` | Mild Mint | black, 16.3 to 1 |
| 15 | `#e7edea` | `oklch(94.03% 0.0071 167.03)` | Dusting Powder | black, 17.6 to 1 |
| 16 | `#f0f3f1` | `oklch(96.12% 0.0043 148.94)` | Tell Me a Secret | black, 18.7 to 1 |
| 17 | `#f6f7f5` | `oklch(97.40% 0.0030 130.16)` | Lynx White | black, 19.4 to 1 |
| 18 | `#f7f7f4` | `oklch(97.59% 0.0045 111.91)` | Ultra Pure White | black, 19.6 to 1 |
| 19 | `#f5f3ec` | `oklch(96.39% 0.0097 95.41)` | Morning Snow | black, 18.9 to 1 |
| 20 | `#f0e8da` | `oklch(93.41% 0.0203 81.65)` | Bright Ocarina | black, 17.2 to 1 |
| 21 | `#e9d3bc` | `oklch(87.88% 0.0391 69.33)` | Spiced Beige | black, 14.5 to 1 |
| 22 | `#dfb697` | `oklch(80.46% 0.0638 58.12)` | Oakley Apricot | black, 11.2 to 1 |
| 23 | `#d49473` | `oklch(72.11% 0.0905 48.13)` | Tawny Amber | black, 8.2 to 1 |
| 24 | `#c67154` | `oklch(63.79% 0.1156 39.48)` | Spanish Peanut | black, 5.9 to 1 |
| 25 | `#b85240` | `oklch(56.47% 0.1353 32.30)` | Beni Shoga | white, 4.8 to 1 |
| 26 | `#aa3c36` | `oklch(51.06% 0.1460 26.71)` | Indiscreet | white, 6.1 to 1 |
| 27 | `#9d2e31` | `oklch(47.14% 0.1472 23.34)` | Ruby Slippers | white, 7.3 to 1 |
| 28 | `#91262d` | `oklch(44.11% 0.1418 21.95)` | Rio Red | white, 8.3 to 1 |
| 29 | `#86242a` | `oklch(41.80% 0.1324 21.90)` | Red Dahlia | white, 9.1 to 1 |
| 30 | `#7c2427` | `oklch(40.02% 0.1216 22.57)` | Deep Dairei Red | white, 9.7 to 1 |
| 31 | `#742526` | `oklch(38.62% 0.1120 23.29)` | Incubus | white, 10.3 to 1 |
| 32 | `#6e2424` | `oklch(37.40% 0.1061 23.45)` | Spanish Tile | white, 10.8 to 1 |

## CSS

```css
background: linear-gradient(225deg, #263b58 0.0%, #2c425f 3.2%, #354c69 6.5%, #3f5774 9.7%, #4b6581 12.9%, #58728e 16.1%, #64819a 19.4%, #728fa4 22.6%, #83a0b0 25.8%, #97b1bc 29.0%, #acc1c8 32.3%, #bfd0d3 35.5%, #cfdcdc 38.7%, #dce5e3 41.9%, #e7edea 45.2%, #f0f3f1 48.4%, #f6f7f5 51.6%, #f7f7f4 54.8%, #f5f3ec 58.1%, #f0e8da 61.3%, #e9d3bc 64.5%, #dfb697 67.7%, #d49473 71.0%, #c67154 74.2%, #b85240 77.4%, #aa3c36 80.6%, #9d2e31 83.9%, #91262d 87.1%, #86242a 90.3%, #7c2427 93.5%, #742526 96.8%, #6e2424 100.0%);
background: linear-gradient(225deg in oklch, oklch(35.04% 0.0579 255.94) 0.0%, oklch(37.58% 0.0573 255.17) 3.2%, oklch(41.02% 0.0568 254.50) 6.5%, oklch(45.13% 0.0562 253.55) 9.7%, oklch(49.66% 0.0550 251.95) 12.9%, oklch(54.35% 0.0532 249.33) 16.1%, oklch(58.95% 0.0503 245.32) 19.4%, oklch(63.63% 0.0459 239.89) 22.6%, oklch(68.90% 0.0397 233.54) 25.8%, oklch(74.39% 0.0325 226.15) 29.0%, oklch(79.75% 0.0252 217.59) 32.3%, oklch(84.58% 0.0187 207.72) 35.5%, oklch(88.52% 0.0137 196.43) 38.7%, oklch(91.44% 0.0106 183.20) 41.9%, oklch(94.03% 0.0071 167.03) 45.2%, oklch(96.12% 0.0043 148.94) 48.4%, oklch(97.40% 0.0030 130.16) 51.6%, oklch(97.59% 0.0045 111.91) 54.8%, oklch(96.39% 0.0097 95.41) 58.1%, oklch(93.41% 0.0203 81.65) 61.3%, oklch(87.88% 0.0391 69.33) 64.5%, oklch(80.46% 0.0638 58.12) 67.7%, oklch(72.11% 0.0905 48.13) 71.0%, oklch(63.79% 0.1156 39.48) 74.2%, oklch(56.47% 0.1353 32.30) 77.4%, oklch(51.06% 0.1460 26.71) 80.6%, oklch(47.14% 0.1472 23.34) 83.9%, oklch(44.11% 0.1418 21.95) 87.1%, oklch(41.80% 0.1324 21.90) 90.3%, oklch(40.02% 0.1216 22.57) 93.5%, oklch(38.62% 0.1120 23.29) 96.8%, oklch(37.40% 0.1061 23.45) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.35 | 0.058 | 255.9 |
| 2 | 0.598 | 0.05 | 244.3 |
| 3 | 0.898 | 0.012 | 191.5 |
| 4 | 0.949 | 0.015 | 86.9 |
| 5 | 0.52 | 0.145 | 27.7 |
| 6 | 0.374 | 0.106 | 23.5 |

## In these collections

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

## Other forms

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