# Analogous navy and purple linear swatches

Analogous navy and purple linear swatches with 32 colors: #070927, #080929, #0a0a2c, #0b0b30, #0d0c34, #0f0d38, #110e3c, #140f41, #170f46, #1a104c, #1d1151, #211357, #24145c, #281562, #2d1668, #31176e, #361974, #3b1b7a, #421d80, #481f87, #50228e, #582495, #60279c, #682aa3, #712caa, #792fb0, #8231b6, #8a33bb, #9135c0, #9837c4, #9e38c7, #a339ca. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kSKSzDp7NBsdQQu`
- Page: https://grabient.com/kSKSzDp7NBsdQQu?style=linearSwatches&steps=32&angle=180
- Drawn as: linear swatches, 32 steps, 180 degrees
- Kinds: dark to light, vivid, dark
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.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 | `#070927` | `oklch(16.14% 0.0606 274.92)` | Mysterious Depths | white, 19.4 to 1 |
| 2 | `#080929` | `oklch(16.67% 0.0635 275.44)` | Mysterious Depths | white, 19.3 to 1 |
| 3 | `#0a0a2c` | `oklch(17.27% 0.0670 276.03)` | Mysterious Depths | white, 19.2 to 1 |
| 4 | `#0b0b30` | `oklch(17.95% 0.0711 276.69)` | Cosmic Void | white, 19 to 1 |
| 5 | `#0d0c34` | `oklch(18.70% 0.0756 277.43)` | Infinite Night | white, 18.7 to 1 |
| 6 | `#0f0d38` | `oklch(19.51% 0.0805 278.23)` | Grim Reaper | white, 18.5 to 1 |
| 7 | `#110e3c` | `oklch(20.39% 0.0858 279.09)` | Grim Reaper | white, 18.2 to 1 |
| 8 | `#140f41` | `oklch(21.33% 0.0913 280.01)` | Deadly Depths | white, 17.9 to 1 |
| 9 | `#170f46` | `oklch(22.33% 0.0971 280.98)` | Deadly Depths | white, 17.5 to 1 |
| 10 | `#1a104c` | `oklch(23.37% 0.1030 282.01)` | Tetsu-Kon Blue | white, 17.1 to 1 |
| 11 | `#1d1151` | `oklch(24.46% 0.1089 283.09)` | Praise of Shadow | white, 16.7 to 1 |
| 12 | `#211357` | `oklch(25.59% 0.1150 284.21)` | Praise of Shadow | white, 16.2 to 1 |
| 13 | `#24145c` | `oklch(26.76% 0.1209 285.37)` | Praise of Shadow | white, 15.7 to 1 |
| 14 | `#281562` | `oklch(27.97% 0.1268 286.57)` | Nebula Night | white, 15.2 to 1 |
| 15 | `#2d1668` | `oklch(29.20% 0.1325 287.80)` | Night Fog | white, 14.7 to 1 |
| 16 | `#31176e` | `oklch(30.46% 0.1379 289.07)` | Candied Blueberry | white, 14.1 to 1 |
| 17 | `#361974` | `oklch(31.77% 0.1432 290.39)` | Explorer of the Galaxies | white, 13.5 to 1 |
| 18 | `#3b1b7a` | `oklch(33.22% 0.1486 291.86)` | Explorer of the Galaxies | white, 12.9 to 1 |
| 19 | `#421d80` | `oklch(34.82% 0.1543 293.48)` | Galactic Civilization | white, 12.2 to 1 |
| 20 | `#481f87` | `oklch(36.53% 0.1602 295.23)` | Occult | white, 11.4 to 1 |
| 21 | `#50228e` | `oklch(38.33% 0.1661 297.07)` | Eggplant Tint | white, 10.7 to 1 |
| 22 | `#582495` | `oklch(40.18% 0.1722 298.97)` | Eine Kleine Nachtmusik | white, 9.9 to 1 |
| 23 | `#60279c` | `oklch(42.07% 0.1781 300.90)` | Wild Violet | white, 9.2 to 1 |
| 24 | `#682aa3` | `oklch(43.97% 0.1841 302.84)` | Rebecca Purple | white, 8.5 to 1 |
| 25 | `#712caa` | `oklch(45.84% 0.1898 304.76)` | Fuchsia Nebula | white, 7.9 to 1 |
| 26 | `#792fb0` | `oklch(47.66% 0.1953 306.62)` | Purple Pristine | white, 7.3 to 1 |
| 27 | `#8231b6` | `oklch(49.39% 0.2006 308.40)` | Pheromone Purple | white, 6.8 to 1 |
| 28 | `#8a33bb` | `oklch(51.02% 0.2055 310.07)` | Pheromone Purple | white, 6.4 to 1 |
| 29 | `#9135c0` | `oklch(52.52% 0.2100 311.61)` | Dreamscape Purple | white, 6 to 1 |
| 30 | `#9837c4` | `oklch(53.85% 0.2141 312.97)` | Purple Vanity | white, 5.7 to 1 |
| 31 | `#9e38c7` | `oklch(54.99% 0.2176 314.14)` | Purple Vanity | white, 5.4 to 1 |
| 32 | `#a339ca` | `oklch(55.91% 0.2205 315.08)` | Purple Vanity | white, 5.2 to 1 |

## CSS

```css
background: linear-gradient(180deg, #070927 0.000% 3.125%, #080929 3.125% 6.250%, #0a0a2c 6.250% 9.375%, #0b0b30 9.375% 12.500%, #0d0c34 12.500% 15.625%, #0f0d38 15.625% 18.750%, #110e3c 18.750% 21.875%, #140f41 21.875% 25.000%, #170f46 25.000% 28.125%, #1a104c 28.125% 31.250%, #1d1151 31.250% 34.375%, #211357 34.375% 37.500%, #24145c 37.500% 40.625%, #281562 40.625% 43.750%, #2d1668 43.750% 46.875%, #31176e 46.875% 50.000%, #361974 50.000% 53.125%, #3b1b7a 53.125% 56.250%, #421d80 56.250% 59.375%, #481f87 59.375% 62.500%, #50228e 62.500% 65.625%, #582495 65.625% 68.750%, #60279c 68.750% 71.875%, #682aa3 71.875% 75.000%, #712caa 75.000% 78.125%, #792fb0 78.125% 81.250%, #8231b6 81.250% 84.375%, #8a33bb 84.375% 87.500%, #9135c0 87.500% 90.625%, #9837c4 90.625% 93.750%, #9e38c7 93.750% 96.875%, #a339ca 96.875% 100.000%);
background: linear-gradient(180deg, oklch(16.14% 0.0606 274.92) 0.000% 3.125%, oklch(16.67% 0.0635 275.44) 3.125% 6.250%, oklch(17.27% 0.0670 276.03) 6.250% 9.375%, oklch(17.95% 0.0711 276.69) 9.375% 12.500%, oklch(18.70% 0.0756 277.43) 12.500% 15.625%, oklch(19.51% 0.0805 278.23) 15.625% 18.750%, oklch(20.39% 0.0858 279.09) 18.750% 21.875%, oklch(21.33% 0.0913 280.01) 21.875% 25.000%, oklch(22.33% 0.0971 280.98) 25.000% 28.125%, oklch(23.37% 0.1030 282.01) 28.125% 31.250%, oklch(24.46% 0.1089 283.09) 31.250% 34.375%, oklch(25.59% 0.1150 284.21) 34.375% 37.500%, oklch(26.76% 0.1209 285.37) 37.500% 40.625%, oklch(27.97% 0.1268 286.57) 40.625% 43.750%, oklch(29.20% 0.1325 287.80) 43.750% 46.875%, oklch(30.46% 0.1379 289.07) 46.875% 50.000%, oklch(31.77% 0.1432 290.39) 50.000% 53.125%, oklch(33.22% 0.1486 291.86) 53.125% 56.250%, oklch(34.82% 0.1543 293.48) 56.250% 59.375%, oklch(36.53% 0.1602 295.23) 59.375% 62.500%, oklch(38.33% 0.1661 297.07) 62.500% 65.625%, oklch(40.18% 0.1722 298.97) 65.625% 68.750%, oklch(42.07% 0.1781 300.90) 68.750% 71.875%, oklch(43.97% 0.1841 302.84) 71.875% 75.000%, oklch(45.84% 0.1898 304.76) 75.000% 78.125%, oklch(47.66% 0.1953 306.62) 78.125% 81.250%, oklch(49.39% 0.2006 308.40) 81.250% 84.375%, oklch(51.02% 0.2055 310.07) 84.375% 87.500%, oklch(52.52% 0.2100 311.61) 87.500% 90.625%, oklch(53.85% 0.2141 312.97) 90.625% 93.750%, oklch(54.99% 0.2176 314.14) 93.750% 96.875%, oklch(55.91% 0.2205 315.08) 96.875% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.161 | 0.061 | 274.9 |
| 2 | 0.311 | 0.141 | 289.7 |
| 3 | 0.559 | 0.22 | 315.1 |

## In these collections

- [Cyberpunk gradients](https://grabient.com/cyberpunk-gradients)
- [Retro gradients](https://grabient.com/retro-gradients)
- [Synthwave gradients](https://grabient.com/synthwave-gradients)

## Other forms

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