uiGradients: Modern Dual-tone Colour Gradients for Designers & Developers by Indrashish Ghosh
uiGradients: Beautiful Colour Gradients & CSS Code, by Indrashish Ghosh (@_ighosh), is certainly some very pretty, and quite useful, eye candy that will please many colour obsessed graphic and web designers.
I’ve had this lovely website bookmarked for a few weeks now, after initially tweeting it; it’s been in my ‘to blog’ list until now. Christmas is all but here, and I wanted to post something colourful and useful.
— Graham ‘Logo’ Smith (@thelogosmith) November 29, 2015
If you struggle to come up with pleasing gradients for your designs, then uiGradients is worth bookmarking. It’ll allow you to select from a healthy library of colour gradients from which to bring your web designs to life.
You can also ‘Get the CSS Code‘ (as below), which makes it super easy to make your website look really pretty:
background: #7b4397; /* fallback for old browsers */ background: -webkit-linear-gradient(to left, #7b4397 , #dc2430); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to left, #7b4397 , #dc2430); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
If you’re the sort of person that likes to give as well as take, then you can also ‘Add your Gradient‘, for instant Karma points:
Adding a gradient is easy. All gradients are read from a
gradients.jsonfile which is available in this project’s repo. Simply add your gradient details to it and submit a pull request