Black, teal, green and blue linear gradient

Linear gradient, 7 colors at 90°: #10131c, #103140, #006253, #2a8347, #00846e, #006f8f, #193be3. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

#10131c
#103140
#006253
#2a8347
#00846e
#006f8f
#193be3

CSS

background: linear-gradient(90deg in oklch, oklch(18.90% 0.0193 270.00) 0.0%, oklch(29.67% 0.0461 230.35) 16.7%, oklch(44.39% 0.0821 177.42) 33.3%, oklch(54.33% 0.1254 150.59) 50.0%, oklch(54.74% 0.1025 175.86) 66.7%, oklch(50.38% 0.0975 227.24) 83.3%, oklch(46.85% 0.2508 265.77) 100.0%);

In these collections

Street Fighter swatches