Navy, violet and turquoise discord server banner

The Navy, violet and turquoise discord server banner brings together dark blue, purple, and teal. Linear gradient, 40 colors at 180°: #0f1528, #25156f, #722cb0, #856cf2, #00bac9. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#0f1528
#10162c
#101631
#111737
#12173e
#141845
#16174d
#191755
#1c165e
#201667
#25156f
#2a1477
#2f147f
#341586
#3a178d
#421994
#4a1c9a
#541fa0
#5e23a6
#6828ab
#722cb0
#7b31b6
#8437bb
#8b3cc1
#9143c7
#9549ce
#9650d6
#9458df
#8e62e9
#856cf2
#7777f9
#6582fd
#4e8efe
#2d98fc
#00a2f1
#00a9e3
#00afd9
#00b3d2
#00b7cc
#00bac9

CSS

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%);

In these collections

Discord server banner gradients