Lava Conic
Lava Conic is a hot lava contrast gradient built with conic CSS syntax.
redorangehot
Back to generator
Flame Conic Gradient CSS
Flame Conic is a flame-like warmth gradient built with conic CSS syntax.
background
Gradient Field
Output
Copy-ready CSS
Pure CSS
background: conic-gradient(from 30deg at center, #facc15 0%, #f97316 50%, #b91c1c 100%);Tailwind v4
bg-[conic-gradient(from_30deg_at_center\,_#facc15_0%\,_#f97316_50%\,_#b91c1c_100%)]When to use it
Flame Conic is a yellow conic gradient preset for backgrounds, buttons, hero panels, cards, and visual accents. It uses 3 color stops (#facc15, #f97316, #b91c1c) to create a repeatable CSS background without image assets. Flame Conic is a flame-like warmth gradient built with conic CSS syntax. The preset is intentionally stored as a complete background declaration, which makes it easy to paste into a stylesheet, component style, or Tailwind arbitrary value. Use it when a flat fill needs more movement, or when you want a strong color system for a section. Open the generator to switch between linear, radial, and conic modes, adjust angle or center position, and move individual stops until the transition fits your layout.
Explore more
More CSS Forge paths
Related
Similar gradients
These presets share color and mode tags with Flame Conic.
Ember Conic
Ember Conic is a low ember warmth gradient built with conic CSS syntax.
brownorangeyellow
Sunset Conic
Sunset Conic is a warm sunset contrast gradient built with conic CSS syntax.
warmorangeviolet
Coral Conic
Coral Conic is a warm coral brightness gradient built with conic CSS syntax.
warmroseyellow
Citrus Conic
Citrus Conic is a sharp citrus freshness gradient built with conic CSS syntax.
yellowgreenteal