Thumbnail Image

Date Posted: Jan 11 2017

Tags: javascript, design, library, free, resource

Grade.js - Complementary Gradient Generator

Grade.js is a Javascript library created by Ben Howdle.
The Javascript library produces complementary gradients generated from the top 2 dominant colours in a supplied image.

The gradients generated by Grade.js complement all kinds of images, perfect for automatically generating gradient backgrounds for dynamic content and user submitted images.
Grade.js is easy to use and implement into any web based project.

The download contains 1 zip file containing the Grade.js Javascript library, instructions and license information. The included javascript library is available for both commercial and personal use as long as the conditions specified in the license file are met. Please refer to the license file included for further information.

Download the files beneath the preview:

Preview of Nucleo 200 Vector Icon Pack

We would love to see your creations made using this Javascript library. Feel free to post a link in the comments to show off your project.

Please enter your email address below and click the download button. The download link will be sent to the provided email.

By providing your email you agree to receive newsletters from You can unsubscribe at any time. Your details will not be shared in anyway to any third parties.

Author Avatar


Owner of

Codin is a self taught web developer based in London, UK.
Over the years he has dedicated a lot of time to helping new developers, becoming a well known moderator at Team Treehouse