# Frost indigo eucalyptus diagonal

Analogous blue, teal and gray linear gradient with 48 colors: #205991, #1f5e91, #206590, #276d8f, #33758e, #427d8c, #52858b, #628b8c, #71908e, #7e9591, #879894, #8c9a96, #8d9b97, #899a96, #809794, #729392, #628d92, #518593, #427d96, #397399, #37699b, #3b619d, #415a9e, #47579f, #4d59a2, #5261a7, #596caf, #627bb7, #6c8cc0, #7a9dc8, #8baecf, #9dbed6, #afcbdb, #bfd5df, #cbdbe2, #d1dde2, #d0dade, #c9d3d7, #bdc8cc, #aebac0, #9cabb3, #899aa4, #768996, #657889, #55687c, #475b71, #3d5068, #364862. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Analogous blue, teal and gray linear gradient
- Seed: `kWdE-y1gY3L2qy1xBTnMpJEI`
- Page: https://grabient.com/kWdE-y1gY3L2qy1xBTnMpJEI?steps=48&angle=225
- Drawn as: linear gradient, 48 steps, 225 degrees
- Kinds: muted, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 6.7 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 | `#205991` | `oklch(45.67% 0.1089 251.02)` | Blue Regent | white, 7.2 to 1 |
| 2 | `#1f5e91` | `oklch(46.90% 0.1037 246.79)` | Sapphire Lace | white, 6.8 to 1 |
| 3 | `#206590` | `oklch(48.63% 0.0962 240.71)` | Traditional Blue | white, 6.2 to 1 |
| 4 | `#276d8f` | `oklch(50.74% 0.0871 233.24)` | Ocean Call | white, 5.7 to 1 |
| 5 | `#33758e` | `oklch(53.12% 0.0769 224.81)` | Bengal Blue | white, 5.1 to 1 |
| 6 | `#427d8c` | `oklch(55.65% 0.0660 215.88)` | Larkspur | white, 4.6 to 1 |
| 7 | `#52858b` | `oklch(58.22% 0.0551 206.91)` | Rainier Blue | black, 5 to 1 |
| 8 | `#628b8c` | `oklch(60.70% 0.0445 198.34)` | Tasmanian Sea | black, 5.5 to 1 |
| 9 | `#71908e` | `oklch(62.97% 0.0349 190.63)` | Juniper | black, 6 to 1 |
| 10 | `#7e9591` | `oklch(64.93% 0.0268 184.23)` | Subtle Turquoise | black, 6.5 to 1 |
| 11 | `#879894` | `oklch(66.45% 0.0208 179.58)` | In the Moment | black, 6.9 to 1 |
| 12 | `#8c9a96` | `oklch(67.42% 0.0172 177.15)` | Evening Fog | black, 7.1 to 1 |
| 13 | `#8d9b97` | `oklch(67.71% 0.0168 177.39)` | Tranquillity | black, 7.2 to 1 |
| 14 | `#899a96` | `oklch(67.12% 0.0201 180.79)` | Rainy Afternoon | black, 7.1 to 1 |
| 15 | `#809794` | `oklch(65.72% 0.0267 187.00)` | Green Granite | black, 6.7 to 1 |
| 16 | `#729392` | `oklch(63.72% 0.0360 195.42)` | Pool Tide | black, 6.2 to 1 |
| 17 | `#628d92` | `oklch(61.29% 0.0472 205.47)` | Oarsman Blue | black, 5.7 to 1 |
| 18 | `#518593` | `oklch(58.62% 0.0596 216.55)` | Night Masque | black, 5.1 to 1 |
| 19 | `#427d96` | `oklch(55.90% 0.0723 228.08)` | Aristocratic | black, 4.5 to 1 |
| 20 | `#397399` | `oklch(53.32% 0.0847 239.47)` | Phenomenon | white, 5.1 to 1 |
| 21 | `#37699b` | `oklch(51.07% 0.0961 250.13)` | Star Sapphire | white, 5.7 to 1 |
| 22 | `#3b619d` | `oklch(49.32% 0.1057 259.47)` | Raftsman | white, 6.2 to 1 |
| 23 | `#415a9e` | `oklch(48.28% 0.1128 266.91)` | Blue Dahlia | white, 6.5 to 1 |
| 24 | `#47579f` | `oklch(48.11% 0.1167 271.85)` | Nuthatch Back | white, 6.6 to 1 |
| 25 | `#4d59a2` | `oklch(49.06% 0.1166 273.81)` | Purple Frenzy | white, 6.4 to 1 |
| 26 | `#5261a7` | `oklch(51.33% 0.1128 273.16)` | Submarine Base | white, 5.8 to 1 |
| 27 | `#596caf` | `oklch(54.71% 0.1061 270.38)` | Loch Ness | white, 4.9 to 1 |
| 28 | `#627bb7` | `oklch(58.91% 0.0970 265.91)` | Ultramarine Blue | black, 5 to 1 |
| 29 | `#6c8cc0` | `oklch(63.65% 0.0861 260.19)` | Purple Hyacinth | black, 6.1 to 1 |
| 30 | `#7a9dc8` | `oklch(68.67% 0.0741 253.66)` | Della Robbia Blue | black, 7.5 to 1 |
| 31 | `#8baecf` | `oklch(73.69% 0.0617 246.74)` | Mini Bay | black, 9 to 1 |
| 32 | `#9dbed6` | `oklch(78.42% 0.0494 239.87)` | Blue Crab Escape | black, 10.7 to 1 |
| 33 | `#afcbdb` | `oklch(82.60% 0.0379 233.49)` | Sailing on the Bay | black, 12.3 to 1 |
| 34 | `#bfd5df` | `oklch(85.94% 0.0279 228.05)` | Winterscape | black, 13.7 to 1 |
| 35 | `#cbdbe2` | `oklch(88.17% 0.0199 223.96)` | Sea Foam Mist | black, 14.7 to 1 |
| 36 | `#d1dde2` | `oklch(89.02% 0.0146 221.67)` | Head in the Clouds | black, 15.1 to 1 |
| 37 | `#d0dade` | `oklch(88.25% 0.0122 221.34)` | Zen | black, 14.7 to 1 |
| 38 | `#c9d3d7` | `oklch(86.02% 0.0119 222.39)` | Fairfax Grey | black, 13.7 to 1 |
| 39 | `#bdc8cc` | `oklch(82.59% 0.0134 224.57)` | Hazy Blue | black, 12.3 to 1 |
| 40 | `#aebac0` | `oklch(78.20% 0.0162 227.65)` | Blue Heather | black, 10.6 to 1 |
| 41 | `#9cabb3` | `oklch(73.13% 0.0200 231.41)` | Smoke on the Water | black, 8.8 to 1 |
| 42 | `#899aa4` | `oklch(67.61% 0.0246 235.61)` | Thundercat | black, 7.2 to 1 |
| 43 | `#768996` | `oklch(61.92% 0.0296 240.03)` | Bluish Grey | black, 5.7 to 1 |
| 44 | `#657889` | `oklch(56.30% 0.0347 244.43)` | Space Convoy | black, 4.5 to 1 |
| 45 | `#55687c` | `oklch(51.02% 0.0396 248.60)` | Periscope | white, 5.7 to 1 |
| 46 | `#475b71` | `oklch(46.34% 0.0439 252.29)` | Bluster Blue | white, 7 to 1 |
| 47 | `#3d5068` | `oklch(42.50% 0.0474 255.29)` | Inked | white, 8.2 to 1 |
| 48 | `#364862` | `oklch(39.76% 0.0496 257.36)` | Garnet Stone Blue | white, 9.3 to 1 |

## CSS

```css
background: linear-gradient(225deg, #205991 0.0%, #1f5e91 2.1%, #206590 4.3%, #276d8f 6.4%, #33758e 8.5%, #427d8c 10.6%, #52858b 12.8%, #628b8c 14.9%, #71908e 17.0%, #7e9591 19.1%, #879894 21.3%, #8c9a96 23.4%, #8d9b97 25.5%, #899a96 27.7%, #809794 29.8%, #729392 31.9%, #628d92 34.0%, #518593 36.2%, #427d96 38.3%, #397399 40.4%, #37699b 42.6%, #3b619d 44.7%, #415a9e 46.8%, #47579f 48.9%, #4d59a2 51.1%, #5261a7 53.2%, #596caf 55.3%, #627bb7 57.4%, #6c8cc0 59.6%, #7a9dc8 61.7%, #8baecf 63.8%, #9dbed6 66.0%, #afcbdb 68.1%, #bfd5df 70.2%, #cbdbe2 72.3%, #d1dde2 74.5%, #d0dade 76.6%, #c9d3d7 78.7%, #bdc8cc 80.9%, #aebac0 83.0%, #9cabb3 85.1%, #899aa4 87.2%, #768996 89.4%, #657889 91.5%, #55687c 93.6%, #475b71 95.7%, #3d5068 97.9%, #364862 100.0%);
background: linear-gradient(225deg in oklch, oklch(45.67% 0.1089 251.02) 0.0%, oklch(46.90% 0.1037 246.79) 2.1%, oklch(48.63% 0.0962 240.71) 4.3%, oklch(50.74% 0.0871 233.24) 6.4%, oklch(53.12% 0.0769 224.81) 8.5%, oklch(55.65% 0.0660 215.88) 10.6%, oklch(58.22% 0.0551 206.91) 12.8%, oklch(60.70% 0.0445 198.34) 14.9%, oklch(62.97% 0.0349 190.63) 17.0%, oklch(64.93% 0.0268 184.23) 19.1%, oklch(66.45% 0.0208 179.58) 21.3%, oklch(67.42% 0.0172 177.15) 23.4%, oklch(67.71% 0.0168 177.39) 25.5%, oklch(67.12% 0.0201 180.79) 27.7%, oklch(65.72% 0.0267 187.00) 29.8%, oklch(63.72% 0.0360 195.42) 31.9%, oklch(61.29% 0.0472 205.47) 34.0%, oklch(58.62% 0.0596 216.55) 36.2%, oklch(55.90% 0.0723 228.08) 38.3%, oklch(53.32% 0.0847 239.47) 40.4%, oklch(51.07% 0.0961 250.13) 42.6%, oklch(49.32% 0.1057 259.47) 44.7%, oklch(48.28% 0.1128 266.91) 46.8%, oklch(48.11% 0.1167 271.85) 48.9%, oklch(49.06% 0.1166 273.81) 51.1%, oklch(51.33% 0.1128 273.16) 53.2%, oklch(54.71% 0.1061 270.38) 55.3%, oklch(58.91% 0.0970 265.91) 57.4%, oklch(63.65% 0.0861 260.19) 59.6%, oklch(68.67% 0.0741 253.66) 61.7%, oklch(73.69% 0.0617 246.74) 63.8%, oklch(78.42% 0.0494 239.87) 66.0%, oklch(82.60% 0.0379 233.49) 68.1%, oklch(85.94% 0.0279 228.05) 70.2%, oklch(88.17% 0.0199 223.96) 72.3%, oklch(89.02% 0.0146 221.67) 74.5%, oklch(88.25% 0.0122 221.34) 76.6%, oklch(86.02% 0.0119 222.39) 78.7%, oklch(82.59% 0.0134 224.57) 80.9%, oklch(78.20% 0.0162 227.65) 83.0%, oklch(73.13% 0.0200 231.41) 85.1%, oklch(67.61% 0.0246 235.61) 87.2%, oklch(61.92% 0.0296 240.03) 89.4%, oklch(56.30% 0.0347 244.43) 91.5%, oklch(51.02% 0.0396 248.60) 93.6%, oklch(46.34% 0.0439 252.29) 95.7%, oklch(42.50% 0.0474 255.29) 97.9%, oklch(39.76% 0.0496 257.36) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.457 | 0.109 | 251 |
| 2 | 0.677 | 0.017 | 177 |
| 3 | 0.484 | 0.117 | 273.2 |
| 4 | 0.89 | 0.014 | 221.4 |
| 5 | 0.398 | 0.05 | 257.4 |

## In these collections

- [Snow gum blue hour](https://grabient.com/snow-gum-blue-hour)

## Other forms

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