Seamless black, blue and purple linear gradient

Seamless black, blue and purple color palette

Linear gradient, 40 colors at 135°: #000102, #004359, #596bf9, #3b0043, #000101. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

#000102
#000103
#000204
#000406
#00060a
#00090f
#000f16
#001720
#00212d
#002f40
#004359
#005978
#00719a
#0088bc
#009bdc
#11a7f6
#36aaff
#4aa4ff
#5098ff
#5384ff
#596bf9
#6052e9
#6239d5
#6222c2
#600dae
#5c0096
#56007c
#4e0065
#450052
#3b0043
#300136
#25032d
#1b0326
#100420
#07041a
#020313
#00030c
#000205
#000103
#000101

CSS

background: linear-gradient(135deg in oklch, oklch(5.96% 0.0116 227.59) 0.0%, oklch(7.13% 0.0147 232.68) 2.6%, oklch(8.23% 0.0164 229.76) 5.1%, oklch(9.54% 0.0186 227.74) 7.7%, oklch(11.17% 0.0214 226.38) 10.3%, oklch(13.22% 0.0252 225.60) 12.8%, oklch(15.79% 0.0300 225.36) 15.4%, oklch(18.98% 0.0362 225.67) 17.9%, oklch(22.94% 0.0441 226.53) 20.5%, oklch(28.55% 0.0555 227.62) 23.1%, oklch(35.65% 0.0702 228.87) 25.6%, oklch(43.58% 0.0872 230.38) 28.2%, oklch(51.63% 0.1056 232.23) 30.8%, oklch(59.12% 0.1246 234.55) 33.3%, oklch(65.35% 0.1436 237.44) 35.9%, oklch(69.64% 0.1592 240.99) 38.5%, oklch(71.35% 0.1598 245.40) 41.0%, oklch(70.67% 0.1585 251.09) 43.6%, oklch(68.13% 0.1694 257.82) 46.2%, oklch(64.24% 0.1905 265.20) 48.7%, oklch(59.49% 0.2103 272.82) 51.3%, oklch(54.39% 0.2180 280.30) 53.8%, oklch(49.44% 0.2223 287.23) 56.4%, oklch(45.13% 0.2221 293.23) 59.0%, oklch(41.70% 0.2160 298.37) 61.5%, oklch(38.33% 0.2001 304.09) 64.1%, oklch(34.94% 0.1767 309.99) 66.7%, oklch(31.60% 0.1553 315.42) 69.2%, oklch(28.36% 0.1363 319.77) 71.8%, oklch(25.28% 0.1198 322.38) 74.4%, oklch(22.36% 0.1022 322.66) 76.9%, oklch(19.73% 0.0855 319.92) 79.5%, oklch(17.34% 0.0724 313.03) 82.1%, oklch(15.13% 0.0605 301.43) 84.6%, oklch(13.08% 0.0496 286.54) 87.2%, oklch(11.22% 0.0399 269.84) 89.7%, oklch(9.60% 0.0308 254.25) 92.3%, oklch(8.24% 0.0197 242.41) 94.9%, oklch(7.07% 0.0143 231.33) 97.4%, oklch(5.99% 0.0108 217.82) 100.0%);