Rainbow diagonal color bands

Linear swatches, 8 colors at 45°: #1a002e, #cc3b39, #927ff2, #00cabf, #e9f500, #44f29f, #70b8f6, #e27b78. Edit and export CSS, SVG, PNG or a shader.

8 editable OKLCH keyframes.

#1a002e
#cc3b39
#927ff2
#00cabf
#e9f500
#44f29f
#70b8f6
#e27b78

CSS

background: linear-gradient(45deg, oklch(17.39% 0.0897 306.40) 0.000% 12.500%, oklch(56.69% 0.1819 25.82) 12.500% 25.000%, oklch(66.54% 0.1667 288.60) 25.000% 37.500%, oklch(75.59% 0.1314 188.21) 37.500% 50.000%, oklch(92.91% 0.2075 113.18) 50.000% 62.500%, oklch(85.43% 0.1819 157.56) 62.500% 75.000%, oklch(75.98% 0.1157 246.33) 75.000% 87.500%, oklch(69.69% 0.1281 22.65) 87.500% 100.000%);

In these collections

Funhaus