Magenta, blue, white and yellow linear gradient

Linear gradient, 7 colors at 90°: #d50028, #a11091, #2358c5, #71bba3, #f7f5ed, #ffe5ae, #eac509. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#d50028
#a11091
#2358c5
#71bba3
#f7f5ed
#ffe5ae
#eac509

CSS

background: linear-gradient(90deg in oklch, oklch(55.13% 0.2229 23.92) 0.0%, oklch(49.19% 0.2117 333.58) 16.7%, oklch(49.21% 0.1791 262.38) 33.3%, oklch(73.52% 0.0824 171.30) 50.0%, oklch(96.85% 0.0110 95.41) 66.7%, oklch(92.94% 0.0754 84.99) 83.3%, oklch(83.07% 0.1695 95.41) 100.0%);

In these collections

Street Fighter swatches