# Analogous navy, blue and purple linear gradient

Analogous navy, blue and purple linear gradient with 32 colors: #11264c, #10274f, #0d2753, #092858, #052b5e, #022e65, #00356d, #003e77, #004982, #01538e, #035e99, #0467a3, #0670ae, #0979b9, #0b81c3, #0c87cc, #0d8bd4, #0e8cda, #128bdf, #1888e3, #1f84e5, #267ee6, #2a76e4, #2e6ce0, #3361da, #3a57d4, #434dce, #4e43c7, #593bbd, #6233b2, #692da7, #6d299f. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kaRja5qCc_bysPrNND-TL_BT9Hwg4QkPg`
- Page: https://grabient.com/kaRja5qCc_bysPrNND-TL_BT9Hwg4QkPg?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: light center, vivid, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.1 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 | `#11264c` | `oklch(27.56% 0.0744 260.86)` | Rurikon Blue | white, 14.9 to 1 |
| 2 | `#10274f` | `oklch(27.89% 0.0790 260.40)` | Dark Tyrian Blue | white, 14.7 to 1 |
| 3 | `#0d2753` | `oklch(28.24% 0.0857 259.82)` | Dark Tyrian Blue | white, 14.6 to 1 |
| 4 | `#092858` | `oklch(28.78% 0.0933 259.07)` | Fibonacci Blue | white, 14.3 to 1 |
| 5 | `#052b5e` | `oklch(29.70% 0.1007 258.10)` | Blue Leviathan | white, 13.9 to 1 |
| 6 | `#022e65` | `oklch(31.18% 0.1067 256.87)` | Cool Black | white, 13.2 to 1 |
| 7 | `#00356d` | `oklch(33.44% 0.1107 255.21)` | Neptune’s Dream | white, 12.1 to 1 |
| 8 | `#003e77` | `oklch(36.46% 0.1128 253.11)` | Azure Dragon | white, 10.7 to 1 |
| 9 | `#004982` | `oklch(39.88% 0.1152 250.74)` | Bridgeport | white, 9.2 to 1 |
| 10 | `#01538e` | `oklch(43.39% 0.1176 248.42)` | Ocean | white, 7.9 to 1 |
| 11 | `#035e99` | `oklch(46.66% 0.1202 246.55)` | Hyper Blue | white, 6.8 to 1 |
| 12 | `#0467a3` | `oklch(49.57% 0.1236 245.19)` | Medium Persian Blue | white, 6 to 1 |
| 13 | `#0670ae` | `oklch(52.53% 0.1274 243.97)` | Planetarium | white, 5.3 to 1 |
| 14 | `#0979b9` | `oklch(55.40% 0.1315 243.03)` | Deep Cerulean | white, 4.7 to 1 |
| 15 | `#0b81c3` | `oklch(57.93% 0.1360 242.51)` | Honolulu Blue | black, 4.9 to 1 |
| 16 | `#0c87cc` | `oklch(59.91% 0.1408 242.59)` | Water Blue | black, 5.3 to 1 |
| 17 | `#0d8bd4` | `oklch(61.16% 0.1460 243.41)` | Way Beyond the Blue | black, 5.6 to 1 |
| 18 | `#0e8cda` | `oklch(61.80% 0.1521 245.00)` | Blue Cola | black, 5.7 to 1 |
| 19 | `#128bdf` | `oklch(61.92% 0.1586 247.18)` | Blue Cola | black, 5.7 to 1 |
| 20 | `#1888e3` | `oklch(61.59% 0.1652 249.78)` | Blue Cola | black, 5.6 to 1 |
| 21 | `#1f84e5` | `oklch(60.89% 0.1713 252.60)` | Blue Cola | black, 5.4 to 1 |
| 22 | `#267ee6` | `oklch(59.83% 0.1768 255.47)` | Skies of Cyberspace | black, 5.2 to 1 |
| 23 | `#2a76e4` | `oklch(58.09% 0.1823 258.31)` | Skies of Cyberspace | black, 4.8 to 1 |
| 24 | `#2e6ce0` | `oklch(55.84% 0.1877 261.31)` | Royal Blue | white, 4.8 to 1 |
| 25 | `#3361da` | `oklch(53.42% 0.1924 264.68)` | Blue Ruin | white, 5.4 to 1 |
| 26 | `#3a57d4` | `oklch(51.14% 0.1957 268.62)` | Gorgonzola Blue | white, 6 to 1 |
| 27 | `#434dce` | `oklch(49.35% 0.1971 273.35)` | Gorgonzola Blue | white, 6.5 to 1 |
| 28 | `#4e43c7` | `oklch(47.91% 0.1958 279.71)` | Royal Nightcore | white, 7 to 1 |
| 29 | `#593bbd` | `oklch(46.65% 0.1925 287.27)` | Illustrious Indigo | white, 7.5 to 1 |
| 30 | `#6233b2` | `oklch(45.59% 0.1884 294.94)` | Purple Emperor | white, 7.9 to 1 |
| 31 | `#692da7` | `oklch(44.74% 0.1844 301.64)` | Purple Heart | white, 8.2 to 1 |
| 32 | `#6d299f` | `oklch(44.09% 0.1819 306.30)` | Purple Heart | white, 8.5 to 1 |

## CSS

```css
background: linear-gradient(90deg, #11264c 0.0%, #10274f 3.2%, #0d2753 6.5%, #092858 9.7%, #052b5e 12.9%, #022e65 16.1%, #00356d 19.4%, #003e77 22.6%, #004982 25.8%, #01538e 29.0%, #035e99 32.3%, #0467a3 35.5%, #0670ae 38.7%, #0979b9 41.9%, #0b81c3 45.2%, #0c87cc 48.4%, #0d8bd4 51.6%, #0e8cda 54.8%, #128bdf 58.1%, #1888e3 61.3%, #1f84e5 64.5%, #267ee6 67.7%, #2a76e4 71.0%, #2e6ce0 74.2%, #3361da 77.4%, #3a57d4 80.6%, #434dce 83.9%, #4e43c7 87.1%, #593bbd 90.3%, #6233b2 93.5%, #692da7 96.8%, #6d299f 100.0%);
background: linear-gradient(90deg in oklch, oklch(27.56% 0.0744 260.86) 0.0%, oklch(27.89% 0.0790 260.40) 3.2%, oklch(28.24% 0.0857 259.82) 6.5%, oklch(28.78% 0.0933 259.07) 9.7%, oklch(29.70% 0.1007 258.10) 12.9%, oklch(31.18% 0.1067 256.87) 16.1%, oklch(33.44% 0.1107 255.21) 19.4%, oklch(36.46% 0.1128 253.11) 22.6%, oklch(39.88% 0.1152 250.74) 25.8%, oklch(43.39% 0.1176 248.42) 29.0%, oklch(46.66% 0.1202 246.55) 32.3%, oklch(49.57% 0.1236 245.19) 35.5%, oklch(52.53% 0.1274 243.97) 38.7%, oklch(55.40% 0.1315 243.03) 41.9%, oklch(57.93% 0.1360 242.51) 45.2%, oklch(59.91% 0.1408 242.59) 48.4%, oklch(61.16% 0.1460 243.41) 51.6%, oklch(61.80% 0.1521 245.00) 54.8%, oklch(61.92% 0.1586 247.18) 58.1%, oklch(61.59% 0.1652 249.78) 61.3%, oklch(60.89% 0.1713 252.60) 64.5%, oklch(59.83% 0.1768 255.47) 67.7%, oklch(58.09% 0.1823 258.31) 71.0%, oklch(55.84% 0.1877 261.31) 74.2%, oklch(53.42% 0.1924 264.68) 77.4%, oklch(51.14% 0.1957 268.62) 80.6%, oklch(49.35% 0.1971 273.35) 83.9%, oklch(47.91% 0.1958 279.71) 87.1%, oklch(46.65% 0.1925 287.27) 90.3%, oklch(45.59% 0.1884 294.94) 93.5%, oklch(44.74% 0.1844 301.64) 96.8%, oklch(44.09% 0.1819 306.30) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.276 | 0.074 | 260.9 |
| 2 | 0.315 | 0.107 | 256.6 |
| 3 | 0.476 | 0.121 | 246.1 |
| 4 | 0.606 | 0.143 | 242.9 |
| 5 | 0.602 | 0.175 | 254.5 |
| 6 | 0.496 | 0.197 | 272.5 |
| 7 | 0.441 | 0.182 | 306.3 |

## In these collections

- [Galaxy gradients](https://grabient.com/galaxy-gradients)
- [Blue and purple gradients](https://grabient.com/blue-and-purple-gradients)

## Other forms

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