# Monochrome blue linear swatches

Monochrome blue linear swatches with 32 colors: #355c7b, #375e7d, #39607f, #3b6382, #3e6685, #416a88, #456d8b, #48718e, #4b7591, #4e7894, #517b97, #547e9a, #58819c, #5b849f, #5f88a1, #638ba4, #668ea6, #6991a8, #6c93aa, #6e94ab, #6f95ab, #6f95ab, #6d93aa, #6b91a8, #678da6, #6489a3, #5f859f, #5b819c, #577d99, #547996, #517694, #4f7492. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUdTGtyBc_VKTv3FF0EA`
- Page: https://grabient.com/kUdTGtyBc_VKTv3FF0EA?style=linearSwatches&steps=32
- Drawn as: linear swatches, 32 steps, 90 degrees
- Kinds: cool, monochrome
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 2.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 | `#355c7b` | `oklch(46.06% 0.0675 243.98)` | Matisse | white, 7 to 1 |
| 2 | `#375e7d` | `oklch(46.68% 0.0673 243.68)` | Chinese Porcelain | white, 6.8 to 1 |
| 3 | `#39607f` | `oklch(47.49% 0.0671 243.28)` | Chinese Porcelain | white, 6.6 to 1 |
| 4 | `#3b6382` | `oklch(48.44% 0.0668 242.81)` | Blue Ashes | white, 6.3 to 1 |
| 5 | `#3e6685` | `oklch(49.51% 0.0665 242.27)` | Good Samaritan | white, 6 to 1 |
| 6 | `#416a88` | `oklch(50.66% 0.0661 241.70)` | Team Spirit | white, 5.7 to 1 |
| 7 | `#456d8b` | `oklch(51.86% 0.0657 241.11)` | Sojourn Blue | white, 5.4 to 1 |
| 8 | `#48718e` | `oklch(53.06% 0.0653 240.51)` | Sailor’s Bay | white, 5.2 to 1 |
| 9 | `#4b7591` | `oklch(54.24% 0.0648 239.93)` | Sea Drifter | white, 4.9 to 1 |
| 10 | `#4e7894` | `oklch(55.36% 0.0642 239.37)` | Sea Drifter | white, 4.7 to 1 |
| 11 | `#517b97` | `oklch(56.38% 0.0636 238.86)` | Mallorca Blue | black, 4.6 to 1 |
| 12 | `#547e9a` | `oklch(57.33% 0.0629 238.37)` | Flattering Blue | black, 4.8 to 1 |
| 13 | `#58819c` | `oklch(58.37% 0.0619 237.81)` | Blue Beads | black, 5 to 1 |
| 14 | `#5b849f` | `oklch(59.46% 0.0608 237.20)` | Honest Blue | black, 5.2 to 1 |
| 15 | `#5f88a1` | `oklch(60.57% 0.0596 236.56)` | Kuta Surf | black, 5.5 to 1 |
| 16 | `#638ba4` | `oklch(61.64% 0.0583 235.95)` | Sea Crystal | black, 5.7 to 1 |
| 17 | `#668ea6` | `oklch(62.64% 0.0571 235.39)` | Saltbox Blue | black, 5.9 to 1 |
| 18 | `#6991a8` | `oklch(63.52% 0.0560 234.92)` | Blue Cruise | black, 6.2 to 1 |
| 19 | `#6c93aa` | `oklch(64.23% 0.0550 234.56)` | Aragonite Blue | black, 6.3 to 1 |
| 20 | `#6e94ab` | `oklch(64.72% 0.0543 234.36)` | Aragonite Blue | black, 6.5 to 1 |
| 21 | `#6f95ab` | `oklch(64.97% 0.0538 234.36)` | American Anthem | black, 6.5 to 1 |
| 22 | `#6f95ab` | `oklch(64.90% 0.0538 234.58)` | American Anthem | black, 6.5 to 1 |
| 23 | `#6d93aa` | `oklch(64.44% 0.0541 235.10)` | Aragonite Blue | black, 6.4 to 1 |
| 24 | `#6b91a8` | `oklch(63.63% 0.0548 235.88)` | Blue Cruise | black, 6.2 to 1 |
| 25 | `#678da6` | `oklch(62.56% 0.0558 236.86)` | Stormy Strait Grey | black, 5.9 to 1 |
| 26 | `#6489a3` | `oklch(61.30% 0.0569 237.98)` | Sea Crystal | black, 5.6 to 1 |
| 27 | `#5f859f` | `oklch(59.93% 0.0582 239.17)` | Blue Team Spirit | black, 5.3 to 1 |
| 28 | `#5b819c` | `oklch(58.54% 0.0595 240.36)` | Greyish Blue | black, 5 to 1 |
| 29 | `#577d99` | `oklch(57.20% 0.0607 241.51)` | Nightly Blade | black, 4.7 to 1 |
| 30 | `#547996` | `oklch(56.00% 0.0618 242.53)` | Mallorca Blue | white, 4.6 to 1 |
| 31 | `#517694` | `oklch(55.02% 0.0628 243.38)` | Beach View | white, 4.8 to 1 |
| 32 | `#4f7492` | `oklch(54.33% 0.0634 243.98)` | Beach View | white, 4.9 to 1 |

## CSS

```css
background: linear-gradient(90deg, #355c7b 0.000% 3.125%, #375e7d 3.125% 6.250%, #39607f 6.250% 9.375%, #3b6382 9.375% 12.500%, #3e6685 12.500% 15.625%, #416a88 15.625% 18.750%, #456d8b 18.750% 21.875%, #48718e 21.875% 25.000%, #4b7591 25.000% 28.125%, #4e7894 28.125% 31.250%, #517b97 31.250% 34.375%, #547e9a 34.375% 37.500%, #58819c 37.500% 40.625%, #5b849f 40.625% 43.750%, #5f88a1 43.750% 46.875%, #638ba4 46.875% 50.000%, #668ea6 50.000% 53.125%, #6991a8 53.125% 56.250%, #6c93aa 56.250% 59.375%, #6e94ab 59.375% 62.500%, #6f95ab 62.500% 65.625%, #6f95ab 65.625% 68.750%, #6d93aa 68.750% 71.875%, #6b91a8 71.875% 75.000%, #678da6 75.000% 78.125%, #6489a3 78.125% 81.250%, #5f859f 81.250% 84.375%, #5b819c 84.375% 87.500%, #577d99 87.500% 90.625%, #547996 90.625% 93.750%, #517694 93.750% 96.875%, #4f7492 96.875% 100.000%);
background: linear-gradient(90deg, oklch(46.06% 0.0675 243.98) 0.000% 3.125%, oklch(46.68% 0.0673 243.68) 3.125% 6.250%, oklch(47.49% 0.0671 243.28) 6.250% 9.375%, oklch(48.44% 0.0668 242.81) 9.375% 12.500%, oklch(49.51% 0.0665 242.27) 12.500% 15.625%, oklch(50.66% 0.0661 241.70) 15.625% 18.750%, oklch(51.86% 0.0657 241.11) 18.750% 21.875%, oklch(53.06% 0.0653 240.51) 21.875% 25.000%, oklch(54.24% 0.0648 239.93) 25.000% 28.125%, oklch(55.36% 0.0642 239.37) 28.125% 31.250%, oklch(56.38% 0.0636 238.86) 31.250% 34.375%, oklch(57.33% 0.0629 238.37) 34.375% 37.500%, oklch(58.37% 0.0619 237.81) 37.500% 40.625%, oklch(59.46% 0.0608 237.20) 40.625% 43.750%, oklch(60.57% 0.0596 236.56) 43.750% 46.875%, oklch(61.64% 0.0583 235.95) 46.875% 50.000%, oklch(62.64% 0.0571 235.39) 50.000% 53.125%, oklch(63.52% 0.0560 234.92) 53.125% 56.250%, oklch(64.23% 0.0550 234.56) 56.250% 59.375%, oklch(64.72% 0.0543 234.36) 59.375% 62.500%, oklch(64.97% 0.0538 234.36) 62.500% 65.625%, oklch(64.90% 0.0538 234.58) 65.625% 68.750%, oklch(64.44% 0.0541 235.10) 68.750% 71.875%, oklch(63.63% 0.0548 235.88) 71.875% 75.000%, oklch(62.56% 0.0558 236.86) 75.000% 78.125%, oklch(61.30% 0.0569 237.98) 78.125% 81.250%, oklch(59.93% 0.0582 239.17) 81.250% 84.375%, oklch(58.54% 0.0595 240.36) 84.375% 87.500%, oklch(57.20% 0.0607 241.51) 87.500% 90.625%, oklch(56.00% 0.0618 242.53) 90.625% 93.750%, oklch(55.02% 0.0628 243.38) 93.750% 96.875%, oklch(54.33% 0.0634 243.98) 96.875% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.461 | 0.068 | 244 |
| 2 | 0.567 | 0.063 | 238.7 |
| 3 | 0.65 | 0.054 | 234.5 |
| 4 | 0.543 | 0.063 | 244 |

## In these collections

- [Desktop wallpaper gradients](https://grabient.com/desktop-wallpaper-gradients)
- [Muted gradients](https://grabient.com/muted-gradients)
- [Blue gradients](https://grabient.com/blue-gradients)

## Other forms

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