Warm Flame CSS Gradient
A red, orange, fire linear gradient you can drop into any project. Copy the CSS below and use it as a background for hero sections, cards, buttons, or full pages.
The CSS
background-image: linear-gradient(45deg, oklch(0.791 0.121 17.626) 0%, oklch(0.89 0.05 36.496) 99%, oklch(0.89 0.05 36.496) 100%);The colors
The colors this gradient blends between. Open any of them for a full breakdown — shades, harmonies, and contrast.
Related gradients
More gradient tools
Browse the full gallery of CSS gradients, build animated backgrounds with the Shader Maker, or generate soft multi-color backgrounds with the Mesh Gradient Generator.