Color

Free Online Gradient Palette Generator — QuizOxa Tools

Select a start color, end color, and number of steps (from 3 to 15) to calculate a smooth, linear color transition. Copy individual color stops or download the completed CSS gradient rule.

Start Color (HEX)

End Color (HEX)

Steps Count6 steps

Visual Gradient Preview

Color Stops Scale

#0E8F87

#3A818B

#67738E

#936492

#C05695

#EC4899

CSS Gradient Style

background: linear-gradient(to right, #0e8f87, #3a818b, #67738e, #936492, #c05695, #ec4899);

Common questions

How is color interpolation calculated?

We perform linear interpolation (lerp) on the Red, Green, and Blue coordinates between the start and end colors for each step.

Can I use the output in CSS?

Yes. The tool outputs a copy-ready CSS linear-gradient string covering all generated stops.