36 Beautiful Color Gradients For Your Next Design Project

Looking for cool gradients for your graphic, web or UI design? Product designer and front end developer Indrashish Ghosh has created a useful online tool called uiGradients – a free collection of over 260 linear gradients that you can use for design and code. You can browse gradients by color, copy their hexadecimal or CSS codes, and even download a .JPG version of each one. Here are some of our favourites from the collection.

1. Roseanna

Pink color gradient, shades, background — #ffafbd → #ffc3a0

2. Sexy Blue

Blue color gradient, shades, background — #2193b0 → #6dd5ed

3. Purple Love

Purple color gradient, shades, background — #cc2b5e → #753a88

4. Piglet

Pink color gradient, shades, background — #ee9ca7 → #ffdde1

5. Mauve

Purple color gradient, shades, background — #42275a → #734b6d

6. 50 Shades of Grey

Grey color gradient, shades, background — #bdc3c7 → #2c3e50

7. A Lost Memory

Orange color gradient, shades, background — #de6262 → #ffb88c

8. Socialive

Green color gradient, shades, background — #06beb6 → #48b1bf

9. Cherry

Red color gradient, shades, background — #eb3349 → #f45c43

10. Pinky

Pink color gradient, shades, background — #dd5e89 → #f7bb97

11. Lush

Green color gradient, shades, background — #56ab2f → #a8e063

12. Kashmir

Blue & Purple color gradient, shades, background — #614385 → #516395

13. Tranquil

Pink color gradient, shades, background — #eecda3 → #ef629f

14. Pale Wood

Brown color gradient, shades, background — #eacda3 → #d6ae7b

15. Green Beach

Green color gradient, shades, background — #02aab0 → #00cdac

16. Sha La La

Pink color gradient, shades, background — #d66d75 → #e29587

17. Frost

Blue color gradient, shades, background — #000428 → #004e92

18. Almost

Pink color gradient, shades, background — #ddd6f3 → #faaca8

19. Virgin America

Purple & Red color gradient, shades, background — #7b4397 → #dc2430

20. Endless River

Green & Blue color gradient, shades, background — #43cea2 → #185a9d

21. Purple White

Pink color gradient, shades, background — #ba5370 → #f4e2d8

22. Bloody Mary

Orange, Red & Pink color gradient, shades, background — #ff512f → #dd2476

23. Can you feel the love tonight

Blue & Purple color gradient, shades, background — #4568dc → #b06ab3

24. Bourbon

Orange & Pink skin color gradient, shades, background — #ec6f66 → #f3a183

25. Dusk

Yellow & Blue color gradient, shades, background — #ffd89b → #19547b

26. Relay

Blue & Orange color gradient, shades, background — #3a1c71 → #d76d77 → #ffaf7b

27. Decent

Green, Blue & Grey color gradient, shades, background — #4ca1af → #c4e0e5

28. Sweet Morning

Orange color gradient, shades, background — #ff5f6d → #ffc371

29. Scooter

Blue color gradient, shades, background — #36d1dc → #5b86e5

30. Celestial

Purple color gradient, shades, background — #c33764 → #1d2671

31. Royal

Royal Blue color gradient, shades, background — #141e30 → #243b55

32. Ed’s Sunset Gradient

Orange color gradient, shades, background — #ff7e5f → #feb47b

33. Peach

Pink & Yellow color gradient, shades, background — #ed4264 → #ffedbc

34. Sea Blue

Blue color gradient, shades, background — #2b5876 → #4e4376

35. Orange Coral

Orange color gradient, shades, background — #ff9966 → #ff5e62

36. Aubergine

Purple color gradient, shades, background — #aa076b → #61045f

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

Don't Miss:

Share Your Views

Open