Skip to content

DEV Community

15 Beautiful Color Gradients using CSS

Ashique Billa Molla on June 12, 2022

👋, I am here with another list. In this post I have enlisted 15 aesthetic color gradients using CSS (examples of colour gradients in CSS) which you...

Read full post

dnasedkina • Jun 12 '22

13 is my favorite! Good job

Akora Solomon • Jun 13 '22

I got with 13. Too

Ashique Billa Molla • Jun 12 '22

That's good to know. Thanks!!

Muhammed • Jun 12 '22

They are all Great I don't Even know which One to Choose 😂 let's Choose all

Ashique Billa Molla • Jun 12 '22

Thanks, man!!

Sojin Samuel • Jun 12 '22

Bravo ashique, are you a student or working currently

Ashique Billa Molla • Jun 12 '22

I am a FTE.

Sojin Samuel • Jun 13 '22

Googled FTE, but i dont understand what is it

Ashique Billa Molla • Jun 13 '22

I shouldn't have used the abbreviation. It means Full Time Employee.

Sam Zhang • Jun 12 '22

Thanks for sharing!

Ashique Billa Molla • Jun 12 '22

Welcome 🤗, Sam!!

Madza • Jun 16 '22

I like all of them, great you included direct snippets 👍✨💯

Ashique Billa Molla • Jun 16 '22

Yes, Madza. The provided pictures of code snippets and the Gradients with shadow everything I have designed with CSS HTML. Thank you for your kind words 😊

🚩 Atul Prajapati 🇮🇳 • Jun 12 '22

Bookmarked for future reference, thanks for sharing 😊🌻

Ashique Billa Molla • Jun 12 '22

You are welcome, Atul.🤗

SUCHINTAN DAS • Jun 14 '22 • Edited

Very well written Ashique, Number 3, 7, 9 and 12 are my personal favorite. Can't wait to use this on my upcoming projects.

Thanks for the post 🙂

Ashique Billa Molla • Jun 14 '22

Glad that you liked it, Suchintan.

Steve Murphy • Jun 16 '22

They are all amazing. Great work, Ashique!

Ashique Billa Molla • Jun 16 '22

Thanks Steve!!

OLAWALE MUMEEN • Jun 15 '22

Its awesome

Ashique Billa Molla • Jun 15 '22

Thanks Mumin!!

Arthur Denner • Jun 15 '22

The #8 is 🔥! I just put it on my side project newsletterthemes.com and linked your blog post as a comment in the CSS.

Thanks for sharing!

Ashique Billa Molla • Jun 16 '22

Thanks for the appreciation!!

Andrew Baisden • Jun 14 '22

Stunning 🤩

Ashique Billa Molla • Jun 15 '22

Thanks!!

Anurag Vohra • Jun 13 '22

wo great colors

Ashique Billa Molla • Jun 13 '22

Thanks, brother!!

Rudra Sen • Jun 16 '22

I like from 1-9.

Ashique Billa Molla • Jun 16 '22

That's great!! I am happy that you like them 😊

Marcos Mendes • Jun 12 '22

Awesome, good content

Ashique Billa Molla • Jun 12 '22

Thanks, Marcos!!

joset98 • Jun 13 '22

great gradients combination dude, i like it. i am asking if would you have a light blue gradient too ?

Flora Evista • Nov 6

That's really superb. I love it. Free Gradient Color Generator Tool that can generate unlimited colors pallete and as much as you want