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.

Sample

SVG source

CSS markup

svg 1.1

This demo uses jscolor (a JavaScript color picker developed by Jan Odvarko).