Gradient Generator
Linear, radial and conic gradients with editable stops, live CSS, SVG and PNG export.
#0C4A6E0%
#BAE6FD100%
CSS
background: radial-gradient(circle at center, #0c4a6e 0%, #bae6fd 100%);
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="400" viewBox="0 0 800 400"><defs><radialGradient id="g-radial"><stop offset="0%" stop-color="#0c4a6e"/><stop offset="100%" stop-color="#bae6fd"/></radialGradient></defs><rect width="800" height="400" fill="url(#g-radial)"/></svg>