# Deep blue muted orange muted blue gradient

Blue and gray linear gradient with 32 colors: #1b3d73, #124374, #004a74, #00516f, #00596c, #006269, #056a65, #2a715e, #447659, #597b55, #6c7e55, #7c8258, #89855c, #938862, #9a8a68, #9e8d6c, #a08f6f, #a09070, #9e916f, #99926e, #93926e, #8a926e, #7f926f, #739273, #669178, #598f7f, #4f8c85, #47888c, #448491, #448195, #467d98, #487b9a. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Blue and gray linear gradient
- Seed: `kSXUm40xIq8ca0k`
- Page: https://grabient.com/kSXUm40xIq8ca0k?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Hues: wide
- Contrast of its darkest and lightest colors: 3.4 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 | `#1b3d73` | `oklch(36.61% 0.1006 259.45)` | Ashenvale Nights | white, 10.7 to 1 |
| 2 | `#124374` | `oklch(37.73% 0.0986 252.36)` | Inoffensive Blue | white, 10.1 to 1 |
| 3 | `#004a74` | `oklch(39.20% 0.0946 242.87)` | Broadwater Blue | white, 9.4 to 1 |
| 4 | `#00516f` | `oklch(40.95% 0.0828 231.28)` | Captain Blue | white, 8.6 to 1 |
| 5 | `#00596c` | `oklch(42.94% 0.0772 218.05)` | Sea Creature | white, 7.9 to 1 |
| 6 | `#006269` | `oklch(45.11% 0.0769 203.60)` | Turkish Aqua | white, 7.1 to 1 |
| 7 | `#056a65` | `oklch(47.40% 0.0811 188.35)` | Chitin Green | white, 6.4 to 1 |
| 8 | `#2a715e` | `oklch(49.78% 0.0769 172.72)` | Nordic Forest | white, 5.8 to 1 |
| 9 | `#447659` | `oklch(52.17% 0.0726 157.10)` | Como | white, 5.2 to 1 |
| 10 | `#597b55` | `oklch(54.53% 0.0683 141.90)` | Green Mantle | white, 4.8 to 1 |
| 11 | `#6c7e55` | `oklch(56.81% 0.0643 127.54)` | Mint Leaves | black, 4.7 to 1 |
| 12 | `#7c8258` | `oklch(58.94% 0.0605 114.43)` | Frond | black, 5.1 to 1 |
| 13 | `#89855c` | `oklch(60.88% 0.0571 102.99)` | Fertile Green | black, 5.5 to 1 |
| 14 | `#938862` | `oklch(62.57% 0.0542 93.61)` | Enchanted Wood | black, 5.9 to 1 |
| 15 | `#9a8a68` | `oklch(63.96% 0.0518 86.71)` | Iced Cappuccino | black, 6.2 to 1 |
| 16 | `#9e8d6c` | `oklch(64.99% 0.0502 82.71)` | Pond Green | black, 6.4 to 1 |
| 17 | `#a08f6f` | `oklch(65.62% 0.0492 81.98)` | Stonecrop | black, 6.6 to 1 |
| 18 | `#a09070` | `oklch(65.91% 0.0490 84.47)` | Stonecrop | black, 6.7 to 1 |
| 19 | `#9e916f` | `oklch(65.89% 0.0494 89.79)` | Saddle Soap | black, 6.7 to 1 |
| 20 | `#99926e` | `oklch(65.62% 0.0503 97.54)` | Grey-Headed Woodpecker Green | black, 6.6 to 1 |
| 21 | `#93926e` | `oklch(65.12% 0.0517 107.33)` | Extra Mile | black, 6.5 to 1 |
| 22 | `#8a926e` | `oklch(64.44% 0.0534 118.77)` | Cider Pear Green | black, 6.4 to 1 |
| 23 | `#7f926f` | `oklch(63.61% 0.0554 131.46)` | Chic Shade | black, 6.2 to 1 |
| 24 | `#739273` | `oklch(62.67% 0.0576 145.02)` | Chá Lǜ Green | black, 6 to 1 |
| 25 | `#669178` | `oklch(61.67% 0.0599 159.04)` | Cool Bluegrass | black, 5.8 to 1 |
| 26 | `#598f7f` | `oklch(60.63% 0.0622 173.14)` | Spa Green | black, 5.6 to 1 |
| 27 | `#4f8c85` | `oklch(59.60% 0.0646 186.92)` | Evora | black, 5.4 to 1 |
| 28 | `#47888c` | `oklch(58.62% 0.0668 199.98)` | Sea Caller | black, 5.1 to 1 |
| 29 | `#448491` | `oklch(57.72% 0.0688 211.94)` | Flounce | black, 4.9 to 1 |
| 30 | `#448195` | `oklch(56.94% 0.0706 222.41)` | Wipeout | black, 4.7 to 1 |
| 31 | `#467d98` | `oklch(56.32% 0.0720 230.98)` | Coelin Blue | black, 4.6 to 1 |
| 32 | `#487b9a` | `oklch(55.91% 0.0730 237.26)` | Linoleum Blue | white, 4.6 to 1 |

## CSS

```css
background: linear-gradient(45deg, #1b3d73 0.0%, #124374 3.2%, #004a74 6.5%, #00516f 9.7%, #00596c 12.9%, #006269 16.1%, #056a65 19.4%, #2a715e 22.6%, #447659 25.8%, #597b55 29.0%, #6c7e55 32.3%, #7c8258 35.5%, #89855c 38.7%, #938862 41.9%, #9a8a68 45.2%, #9e8d6c 48.4%, #a08f6f 51.6%, #a09070 54.8%, #9e916f 58.1%, #99926e 61.3%, #93926e 64.5%, #8a926e 67.7%, #7f926f 71.0%, #739273 74.2%, #669178 77.4%, #598f7f 80.6%, #4f8c85 83.9%, #47888c 87.1%, #448491 90.3%, #448195 93.5%, #467d98 96.8%, #487b9a 100.0%);
background: linear-gradient(45deg in oklch, oklch(36.61% 0.1006 259.45) 0.0%, oklch(37.73% 0.0986 252.36) 3.2%, oklch(39.20% 0.0946 242.87) 6.5%, oklch(40.95% 0.0828 231.28) 9.7%, oklch(42.94% 0.0772 218.05) 12.9%, oklch(45.11% 0.0769 203.60) 16.1%, oklch(47.40% 0.0811 188.35) 19.4%, oklch(49.78% 0.0769 172.72) 22.6%, oklch(52.17% 0.0726 157.10) 25.8%, oklch(54.53% 0.0683 141.90) 29.0%, oklch(56.81% 0.0643 127.54) 32.3%, oklch(58.94% 0.0605 114.43) 35.5%, oklch(60.88% 0.0571 102.99) 38.7%, oklch(62.57% 0.0542 93.61) 41.9%, oklch(63.96% 0.0518 86.71) 45.2%, oklch(64.99% 0.0502 82.71) 48.4%, oklch(65.62% 0.0492 81.98) 51.6%, oklch(65.91% 0.0490 84.47) 54.8%, oklch(65.89% 0.0494 89.79) 58.1%, oklch(65.62% 0.0503 97.54) 61.3%, oklch(65.12% 0.0517 107.33) 64.5%, oklch(64.44% 0.0534 118.77) 67.7%, oklch(63.61% 0.0554 131.46) 71.0%, oklch(62.67% 0.0576 145.02) 74.2%, oklch(61.67% 0.0599 159.04) 77.4%, oklch(60.63% 0.0622 173.14) 80.6%, oklch(59.60% 0.0646 186.92) 83.9%, oklch(58.62% 0.0668 199.98) 87.1%, oklch(57.72% 0.0688 211.94) 90.3%, oklch(56.94% 0.0706 222.41) 93.5%, oklch(56.32% 0.0720 230.98) 96.8%, oklch(55.91% 0.0730 237.26) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.366 | 0.101 | 259.5 |
| 2 | 0.654 | 0.05 | 81.9 |
| 3 | 0.559 | 0.073 | 237.3 |

## In these collections

- [Spring thunder over veld](https://grabient.com/spring-thunder-over-veld)

## Other forms

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