30 Beautiful Color Gradients For Your Next Design Project | gradient color combinations
LookingforcoolbackgroundgradientsforyourUI?SoftwareanddesigncompanyItmeohascreatedausefulonlinetoolcalledWebGradients[1]–afreecollectionof180lineargradientsthatyoucanuseascontentbackdropsinanypartofyourwebsite.Youcandownloada.PNGversionofeachgradientandcopytheirCSS3cross-browsercodes.SketchandPhotoshoppacksareavailableaswell.Herearesomeofourfavouritesfromthecollection.1.WarmFlame#ff9a9e→#fad0c4 2.JuicyPeach#ffecd2→#fcb69f 3.LadyLips#ff9a9e→#fecfef 4.WinterNeva#a1c4fd→#c2e9fb 5.HeavyRain#cfd9...
Looking for cool background gradients for your UI? Software and design company Itmeo has created a useful online tool called WebGradients[1] – 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 #ff9a9e → #fad0c42. Juicy Peach #ffecd2 → #fcb69f
3. Lady Lips #ff9a9e → #fecfef
4. Winter Neva #a1c4fd → #c2e9fb
5. Heavy Rain #cfd9df → #e2ebf0
6. Cloudy Knoxville #fdfbfb → #ebedee
7. Saint Petersberg #f5f7fa → #c3cfe2
8. Plum Plate #667eea → #764ba2
9. Everlasting Sky #fdfcfb → #e2d1c3
10. Happy Fisher #89f7fe → #66a6ff
11. Fly High #48c6ef → #6f86d6
12. Strong Bliss Multiple colors
13. Fresh Milk #feada6 → #f5efef