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

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.