Gradient Lab

Mix two stops and an angle into a resilient CSS gradient.

Digital lab instrument

Input controls

First stopSecond stopAngle135°

Live experimentUseful values, measured visually.

Adjust the instrument and copy the formula below.

Generated formulaAdjust an instrument to begin.

background: linear-gradient(135deg, #4f5fe6, #8de7be);