Vivid analogous red, orange and yellow linear gradient

Vivid analogous red, orange and yellow palette with 7 colors. #ff4a4a, #ff8b47, #ffa451, #ffd464, #ffe74a. Edit and export CSS, SVG, PNG or a shader.

7 colors, 4 editable OKLCH keyframes.

#ff4a4a
#ff6a44
#ff8b47
#ffa451
#ffbb5e
#ffd464
#ffe74a

CSS

background: linear-gradient(90deg in oklch, oklch(66.93% 0.2179 25.31) 0.0%, oklch(70.52% 0.1894 35.42) 16.7%, oklch(75.20% 0.1627 48.56) 33.3%, oklch(79.53% 0.1450 60.45) 50.0%, oklch(83.86% 0.1342 72.87) 66.7%, oklch(88.53% 0.1380 88.13) 83.3%, oklch(92.12% 0.1693 100.35) 100.0%);

In these collections

Bright gradients Coral color palette