Vivid yellow, orange and red linear gradient

Vivid yellow, orange and red color palette

Linear gradient, 7 colors at 90°: #e5f797, #f5ef86, #fed376, #ffa35d, #ff6246, #fb042b, #ee090e. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

#e5f797
#f5ef86
#fed376
#ffa35d
#ff6246
#fb042b
#ee090e

CSS

background: linear-gradient(90deg in oklch, oklch(94.09% 0.1213 117.42) 0.0%, oklch(93.49% 0.1276 106.00) 16.7%, oklch(88.51% 0.1221 85.41) 33.3%, oklch(79.48% 0.1387 56.33) 50.0%, oklch(69.54% 0.1963 32.37) 66.7%, oklch(62.39% 0.2519 25.07) 83.3%, oklch(59.84% 0.2425 28.65) 100.0%);

In these collections

Warm gradients