36 Beautiful Color Gradients For Your Next Design Project

Maybe your like

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

SEE MORE …

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

Don't Miss:

27 Beautiful Color Gradients For Your Next Design Project
30 Beautiful Color Gradients For Your Next Design Project
25 Free Beautiful Vector Gradients For Your Next Design Project
6 Useful Tips To Help You Create Better Gradients
Beautiful Images Of Everyday Objects Organized By Color
43 Beautiful Color Palettes For Your Next Design Project

Tag » A Linear Gradient Color

Copyright © 2022 | Designer Truyền Hình Cáp Sông Thu