Tangerine Classic

A stunning 5-color linear gradient with beautiful orange tones

Orangeorangelinear5-stop

CSS Code

CSS

background: linear-gradient(0deg, #ffa400, #ffb359, #f5c406, #ffd6a9);

Tailwind

bg-gradient-to-t from-[#ffa400] via-[#ffb359] via-[#f5c406] to-[#ffd6a9]

Type

Linear

Angle

0°

Colors

4 stops

#ffa400

Stop 1

#ffb359

Stop 2

#f5c406

Stop 3

#ffd6a9

Stop 4

Perfect for: