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.