WarmLinear · 3 stops
Warm CSS gradients
Explore warm CSS gradients built from reds, oranges and golden tones, with linear, radial and conic examples. These 24 selected examples come from the existing gradient library.
Try this.
Try a warm blend as a small focal area behind an illustration or heading. Let a plain surface carry longer text.
Check the background.
Yellow and orange stops can be much lighter than red stops. Check text across the whole area behind each label, including the middle of the blend; endpoints alone can miss the weakest contrast.
CSS for Paprika & Walnut
background: linear-gradient(160deg, #C04830 0%, #616038 40%, #5C4131 100%);
background: linear-gradient(160deg in oklab, #C04830 0%, #616038 40%, #5C4131 100%);The first declaration supplies an sRGB fallback; the second interpolates in OKLab. Create a gradient with your own colours and stops.