SVG Gradient Background Maker

Use this demo to create SVG-based CSS background-image gradients. The CSS markup works in browsers which support SVG as a background-image including Internet Explorer 9, Chrome, Safari, and Opera.

Existing markup:	Click to paste existing CSS base64-URL background-image markup Parse Hide
Gradient style:	Linear Radial
Stops:	Start End Offset: Color: Add Stop
Start:
Sizes:
Sample:
SVG source:
CSS markup:

This demo uses jscolor (a JavaScript color picker developed by Jan Odvarko) and a base-64 URL encoder/decoder from webtoolkit.