Visual CSS Gradient Generator

A powerful Photoshop style cross-browser CSS and SVG gradient generator for web designers. What sets it apart from online gradient creators? * Whether it's a CSS linear gradient specified with an angle or a repeating gradient, no matter what parameters are specified, the corresponding SVG (IE9) and old Webkit CSS syntax is generated. * Where color-stops lie outside the bounds of the box, the color is interpolated so that the SVG and old Webkit rendering matches the CSS3 appearance. * One button click for preview in Chrome, Firefox, Opera & Safari. * You're not constrained to percentage value types; all values can be expressed as 'px', 'pc', 'pt', 'mm', 'cm' or 'in'. Other features: * Creates linear and radial gradient CSS and SVG source code for Chrome, Firefox, IE9 (SVG), IE10, Opera, Safari and old Webkit syntax. * Photoshop style color picker with real-time update. * After picking a color, you choose the CSS format you'd prefer i.e. RGB, RGB percentages, Hex, Named or HSL. * Automatic conversion from a radial gradient size keyword, such as 'farthest-corner', to its computed position and size. * Automatic conversion from a linear gradient extent keyword, such as 'to left top', to its computed angle. * Automatic conversion between unit types i.e. 'px', 'pc', 'pt', 'mm', 'cm' and 'in'.