# Navy, violet and turquoise discord server banner

The Navy, violet and turquoise discord server banner brings together dark blue, purple, and teal. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits community banners and social graphics. Its darkest tone is dark blue, and its lightest tone is teal.

- Also called: Navy, purple and blue linear gradient
- Seed: `kUMx3AKj3BsnIwlbtrQA`
- Page: https://grabient.com/kUMx3AKj3BsnIwlbtrQA?steps=40&angle=180
- Drawn as: linear gradient, 40 steps, 180 degrees
- Kinds: dark to light, vivid, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 7.6 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 | `#0f1528` | `oklch(20.08% 0.0400 270.00)` | Corbeau | white, 18.1 to 1 |
| 2 | `#10162c` | `oklch(20.62% 0.0460 270.64)` | Liberty Blue | white, 17.9 to 1 |
| 3 | `#101631` | `oklch(21.24% 0.0537 271.41)` | Liberty Blue | white, 17.7 to 1 |
| 4 | `#111737` | `oklch(21.95% 0.0630 272.30)` | Lost in Sadness | white, 17.4 to 1 |
| 5 | `#12173e` | `oklch(22.73% 0.0735 273.29)` | Deadly Depths | white, 17.2 to 1 |
| 6 | `#141845` | `oklch(23.59% 0.0849 274.37)` | Tetsu-Kon Blue | white, 16.8 to 1 |
| 7 | `#16174d` | `oklch(24.53% 0.0968 275.54)` | Tetsu-Kon Blue | white, 16.5 to 1 |
| 8 | `#191755` | `oklch(25.54% 0.1089 276.76)` | Tetsu-Kon Blue | white, 16.1 to 1 |
| 9 | `#1c165e` | `oklch(26.62% 0.1210 278.05)` | Ocean Abyss | white, 15.7 to 1 |
| 10 | `#201667` | `oklch(27.78% 0.1327 279.37)` | Ocean Abyss | white, 15.3 to 1 |
| 11 | `#25156f` | `oklch(29.00% 0.1437 280.72)` | Outer Rim | white, 14.8 to 1 |
| 12 | `#2a1477` | `oklch(30.29% 0.1537 282.08)` | Persian Indigo | white, 14.3 to 1 |
| 13 | `#2f147f` | `oklch(31.65% 0.1624 283.44)` | Persian Indigo | white, 13.7 to 1 |
| 14 | `#341586` | `oklch(33.07% 0.1695 284.79)` | Indiglow | white, 13.1 to 1 |
| 15 | `#3a178d` | `oklch(34.62% 0.1753 286.49)` | Pixie Powder | white, 12.4 to 1 |
| 16 | `#421994` | `oklch(36.34% 0.1804 288.80)` | Space Battle Blue | white, 11.6 to 1 |
| 17 | `#4a1c9a` | `oklch(38.21% 0.1849 291.53)` | Eggplant Tint | white, 10.8 to 1 |
| 18 | `#541fa0` | `oklch(40.18% 0.1888 294.53)` | Eine Kleine Nachtmusik | white, 10 to 1 |
| 19 | `#5e23a6` | `oklch(42.23% 0.1920 297.62)` | Wild Violet | white, 9.2 to 1 |
| 20 | `#6828ab` | `oklch(44.34% 0.1947 300.62)` | Rabbit-Ear Iris | white, 8.4 to 1 |
| 21 | `#722cb0` | `oklch(46.46% 0.1968 303.36)` | Purple Pristine | white, 7.7 to 1 |
| 22 | `#7b31b6` | `oklch(48.57% 0.1985 305.68)` | Purple Pristine | white, 7 to 1 |
| 23 | `#8437bb` | `oklch(50.64% 0.1996 307.40)` | Pleasant Purple | white, 6.4 to 1 |
| 24 | `#8b3cc1` | `oklch(52.63% 0.2003 308.36)` | Harley Hair Purple | white, 5.9 to 1 |
| 25 | `#9143c7` | `oklch(54.53% 0.2005 308.37)` | Dreamscape Purple | white, 5.4 to 1 |
| 26 | `#9549ce` | `oklch(56.28% 0.2004 307.26)` | Morado Purple | white, 5 to 1 |
| 27 | `#9650d6` | `oklch(57.87% 0.1998 304.87)` | Morado Purple | white, 4.7 to 1 |
| 28 | `#9458df` | `oklch(59.35% 0.1985 300.82)` | Lavender Indigo | black, 4.7 to 1 |
| 29 | `#8e62e9` | `oklch(60.78% 0.1961 295.06)` | Forgotten Kyawthuite | black, 5 to 1 |
| 30 | `#856cf2` | `oklch(62.16% 0.1928 287.87)` | Medium Slate Blue | black, 5.4 to 1 |
| 31 | `#7777f9` | `oklch(63.48% 0.1888 279.58)` | Stargate Shimmer | black, 5.7 to 1 |
| 32 | `#6582fd` | `oklch(64.74% 0.1843 270.46)` | Deep Denim | black, 6.1 to 1 |
| 33 | `#4e8efe` | `oklch(65.94% 0.1794 260.84)` | Skinny Jeans | black, 6.6 to 1 |
| 34 | `#2d98fc` | `oklch(67.06% 0.1744 251.01)` | Brilliant Azure | black, 7 to 1 |
| 35 | `#00a2f1` | `oklch(68.11% 0.1595 241.28)` | Button Blue | black, 7.4 to 1 |
| 36 | `#00a9e3` | `oklch(69.08% 0.1408 231.93)` | Huelveño Horizon | black, 7.8 to 1 |
| 37 | `#00afd9` | `oklch(69.96% 0.1306 223.27)` | Bright Cerulean | black, 8.1 to 1 |
| 38 | `#00b3d2` | `oklch(70.76% 0.1254 215.61)` | Aquarius | black, 8.4 to 1 |
| 39 | `#00b7cc` | `oklch(71.45% 0.1233 209.25)` | Utopia Beckons | black, 8.6 to 1 |
| 40 | `#00bac9` | `oklch(72.05% 0.1229 204.48)` | Utopia Beckons | black, 8.8 to 1 |

## CSS

```css
background: linear-gradient(180deg, #0f1528 0.0%, #10162c 2.6%, #101631 5.1%, #111737 7.7%, #12173e 10.3%, #141845 12.8%, #16174d 15.4%, #191755 17.9%, #1c165e 20.5%, #201667 23.1%, #25156f 25.6%, #2a1477 28.2%, #2f147f 30.8%, #341586 33.3%, #3a178d 35.9%, #421994 38.5%, #4a1c9a 41.0%, #541fa0 43.6%, #5e23a6 46.2%, #6828ab 48.7%, #722cb0 51.3%, #7b31b6 53.8%, #8437bb 56.4%, #8b3cc1 59.0%, #9143c7 61.5%, #9549ce 64.1%, #9650d6 66.7%, #9458df 69.2%, #8e62e9 71.8%, #856cf2 74.4%, #7777f9 76.9%, #6582fd 79.5%, #4e8efe 82.1%, #2d98fc 84.6%, #00a2f1 87.2%, #00a9e3 89.7%, #00afd9 92.3%, #00b3d2 94.9%, #00b7cc 97.4%, #00bac9 100.0%);
background: linear-gradient(180deg in oklch, oklch(20.08% 0.0400 270.00) 0.0%, oklch(20.62% 0.0460 270.64) 2.6%, oklch(21.24% 0.0537 271.41) 5.1%, oklch(21.95% 0.0630 272.30) 7.7%, oklch(22.73% 0.0735 273.29) 10.3%, oklch(23.59% 0.0849 274.37) 12.8%, oklch(24.53% 0.0968 275.54) 15.4%, oklch(25.54% 0.1089 276.76) 17.9%, oklch(26.62% 0.1210 278.05) 20.5%, oklch(27.78% 0.1327 279.37) 23.1%, oklch(29.00% 0.1437 280.72) 25.6%, oklch(30.29% 0.1537 282.08) 28.2%, oklch(31.65% 0.1624 283.44) 30.8%, oklch(33.07% 0.1695 284.79) 33.3%, oklch(34.62% 0.1753 286.49) 35.9%, oklch(36.34% 0.1804 288.80) 38.5%, oklch(38.21% 0.1849 291.53) 41.0%, oklch(40.18% 0.1888 294.53) 43.6%, oklch(42.23% 0.1920 297.62) 46.2%, oklch(44.34% 0.1947 300.62) 48.7%, oklch(46.46% 0.1968 303.36) 51.3%, oklch(48.57% 0.1985 305.68) 53.8%, oklch(50.64% 0.1996 307.40) 56.4%, oklch(52.63% 0.2003 308.36) 59.0%, oklch(54.53% 0.2005 308.37) 61.5%, oklch(56.28% 0.2004 307.26) 64.1%, oklch(57.87% 0.1998 304.87) 66.7%, oklch(59.35% 0.1985 300.82) 69.2%, oklch(60.78% 0.1961 295.06) 71.8%, oklch(62.16% 0.1928 287.87) 74.4%, oklch(63.48% 0.1888 279.58) 76.9%, oklch(64.74% 0.1843 270.46) 79.5%, oklch(65.94% 0.1794 260.84) 82.1%, oklch(67.06% 0.1744 251.01) 84.6%, oklch(68.11% 0.1595 241.28) 87.2%, oklch(69.08% 0.1408 231.93) 89.7%, oklch(69.96% 0.1306 223.27) 92.3%, oklch(70.76% 0.1254 215.61) 94.9%, oklch(71.45% 0.1233 209.25) 97.4%, oklch(72.05% 0.1229 204.48) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.201 | 0.04 | 270 |
| 2 | 0.331 | 0.169 | 284.8 |
| 3 | 0.579 | 0.2 | 304.9 |
| 4 | 0.72 | 0.15 | 204.5 |

## In these collections

- [Discord server banner gradients](https://grabient.com/discord-server-banner-gradients)

## Other forms

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