CSS Gradient Generator

Color stops Click the bar to add a stop, drag a handle (or use the arrow keys) to move it, press Delete to remove it. 
/* Fallback: sRGB stops along the OKLCH path */
background: linear-gradient(135deg, #2152D6 0%, #0070D9 11.1%, #008AD1 22.2%, #00A1BE 33.3%, #00B3A5 44.4%, #00C087 55.6%, #40C866 66.7%, #91CB44 77.8%, #CACC27 88.9%, #F8CB2E 100%);
/* Modern browsers: true OKLCH interpolation */
background: linear-gradient(in oklch 135deg, #2152D6 0%, #F8CB2E 100%);
Type
Selected stop · 1 of 2
%

Avoids the gray, muddy middle between far-apart hues. The CSS keeps an sRGB fallback for older browsers.

Presets

CSS Gradient Generator by ArtsInterstices