Rainbow from pink to navy linear gradient

Linear gradient, 7 colors at 90°: #d36f1c, #ad5391, #2270b2, #4eae64, #d6af2a, #19805f, #152644. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#d36f1c
#ad5391
#2270b2
#4eae64
#d6af2a
#19805f
#152644

CSS

background: linear-gradient(90deg in oklch, oklch(64.57% 0.1530 53.44) 0.0%, oklch(57.38% 0.1387 340.85) 16.7%, oklch(53.15% 0.1268 248.58) 33.3%, oklch(67.35% 0.1402 148.99) 50.0%, oklch(76.77% 0.1461 91.13) 66.7%, oklch(53.44% 0.1039 165.83) 83.3%, oklch(27.17% 0.0593 260.21) 100.0%);

In these collections

Energetic swatches