Tritone navy, blue and pink linear gradient

Linear gradient, 7 colors at 90°: #343752, #43447a, #4f5cac, #1b8fbe, #3cb2c3, #94a5fc, #f587c1. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#343752
#43447a
#4f5cac
#1b8fbe
#3cb2c3
#94a5fc
#f587c1

CSS

background: linear-gradient(90deg in oklch, oklch(34.65% 0.0469 278.44) 0.0%, oklch(41.26% 0.0890 280.42) 16.7%, oklch(50.39% 0.1281 274.21) 33.3%, oklch(61.07% 0.1187 232.47) 50.0%, oklch(70.47% 0.1047 208.69) 66.7%, oklch(74.48% 0.1260 274.34) 83.3%, oklch(75.98% 0.1502 348.18) 100.0%);

In these collections

Aurora swatches