30 Beautiful Color Gradients For Your Next Design Project

Looking for cool background gradients for your UI? Software and design company Itmeo has created a useful online tool called WebGradients – a free collection of 180 linear gradients that you can use as content backdrops in any part of your website.

You can download a .PNG version of each gradient and copy their CSS3 cross-browser codes. Sketch and Photoshop packs are available as well. Here are some of our favourites from the collection.

1. Warm Flame

 

2. Juicy Peach

 

3. Lady Lips

 

4. Winter Neva

 

5. Heavy Rain

 

6. Cloudy Knoxville

 

7. Saint Petersberg

 

8. Plum Plate

 

9. Everlasting Sky

 

10. Happy Fisher

 

11. Fly High

 

12. Strong Bliss

 

13. Fresh Milk

 

14. Great Whale

 

15. Aqua Splash

 

16. Clean Mirror

 

17. Premium Dark

 

18. Cochiti Lake

 

19. Passionate Bed

 

20. Mountain Rock

 

21. Desert Hump

 

22. Eternal Constance

 

23. Healthy Water

 

24. Vicious Stance

 

25. Nega

 

26. Night Sky

 

27. Gentle Care

 

28. Angel Care

 

29. Morning Salad

 

30. Deep Relief

SEE MORE …

How To Use Gradients

Unless you’re stuck in the 90s, gradients are best used in moderation. Here’s a handy infographic by Creative Market that explains the different types of gradients, tool terminology and offers tips and suggestions on best practices.

Share this post with a designer friend and voice your views in the comments below.