uiGradients: Modern Dual-tone Colour Gradients for Designers & Developers by Indrashish Ghosh
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
With over 25 years experience,
I'd be thrilled to hear from you, and find out how I can help you with your logo and brand identity design requirements. Please visit my
Home » Blog | The Logo Smith | Logo Designer & Brand ID Studio » Design Inspiration » uiGradients: Dual-tone Colour Gradients for Designers & Devs by Indrashish Ghosh