• Home
  • Design
  • Tips
  • Advertising
  • Inspiration
  • Buzz
  • Follow Us ▾
    • Via E-mail
    • Facebook
    • Twitter
    • Instagram
    • LinkedIn
    • Pinterest

Digital Synopsis

Design, Advertising & Creative Inspiration

  • Design Trends
  • Logo Design
  • Photoshop
  • Colors
  • Typography
  • Web Design
  • Humor
  • About Us
  • Advertise

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

SEE MORE …

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


Don't Miss:

  • 36 Beautiful Color Palettes For Your Next Design Project36 Beautiful Color Palettes For Your Next Design Project
  • 30 Beautiful Color Gradients For Your Next Design Project (With Hex Codes)30 Beautiful Color Gradients For Your Next Design Project (With Hex Codes)
  • 8 Beautiful Color Palettes For Your Next Design Project8 Beautiful Color Palettes For Your Next Design Project
  • color-thesaurus-correct-names-shadesIt’s “Wine”, Not Dark Red – Here Are The Correct Names Of All Color Shades
  • 50 Beautiful Color Combinations For Your Next Design Project50 Beautiful Color Combinations For Your Next Design Project
  • Beautiful, Minimal Photographs Of Sunsets For Color InspirationBeautiful, Minimal Photographs Of Sunsets For Color Inspiration

Share Your Views



POPULAR
LOGO INSPIRATION
COLOR PALETTES
FREE FONTS
DESIGN HUMOR
BRILLIANT ADS

Popular

  • This Guy Photoshopped Himself Into His Childhood Pics To Hang Out With His Younger Self
  • 32 Beautiful Color Palettes With Their Corresponding Gradient Palettes
  • 60 Powerful Social Issue Ads That'll Make You Stop And Think
  • Elderly People Look At Their Younger Reflections In This Beautiful Photo Series By Tom Hussey
  • Color Palettes From Famous Movies Show How Colors Set The Mood Of A Film

Trending

  • Top 10 Logo Design Trends For 2020
  • 2020 Color Trends: The World’s Most Popular Colors
  • How To Convert 2D Images To 3D In Photoshop
  • 47 Beautiful Color Schemes For Your Next Design Project
  • This Hidden Photoshop Feature Lets You Crop And Straighten Multiple Photos In Just 1 Click

Search

Follow Us

- Email
- Facebook
- Twitter
- LinkedIn
- Pinterest
- Instagram

Copyright © 2012-2019 Digital Synopsis | Privacy Policy | Advertise With Us

sponsored