#F9D423
#FF4E50
Linear CSS gradient
#137 Fruit Blend Gradient
Fruit Blend runs sweeping from left to right, blending amber (#F9D423) and red (#FF4E50) in a bold two colour stops linear CSS gradient.
Saturated to the max, this palette grabs attention fast and keeps it — ideal wherever boldness is a feature, not a bug.
Works well for gaming UIs, nightlife event pages, bold call-to-action sections. Copy the CSS snippet below and apply it directly — no preprocessor or build step required.
Color palette
ColorHEXRGB
#F9D423rgb(249, 212, 35)
#FF4E50rgb(255, 78, 80)
CSS code
background-image: linear-gradient(to right, #f9d423 0%, #ff4e50 100%);