DEV Community

Cover image for 15 Beautiful Color Gradients using CSS

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...
Collapse
 
dnasedkina profile image
dnasedkina

13 is my favorite! Good job

Collapse
 
akorasolomon profile image
Akora Solomon

I got with 13. Too

Collapse
 
devash98 profile image
Ashique Billa Molla

That's good to know. Thanks!!

Collapse
 
muhamme43650276 profile image
Muhammed

They are all Great I don't Even know which One to Choose ๐Ÿ˜‚ let's Choose all

Collapse
 
devash98 profile image
Ashique Billa Molla

Thanks, man!!

Collapse
 
madza profile image
Madza

I like all of them, great you included direct snippets ๐Ÿ‘โœจ๐Ÿ’ฏ

Collapse
 
devash98 profile image
Ashique Billa Molla

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 ๐Ÿ˜Š

Collapse
 
atulcodex profile image
๐Ÿšฉ Atul Prajapati ๐Ÿ‡ฎ๐Ÿ‡ณ

Bookmarked for future reference, thanks for sharing ๐Ÿ˜Š๐ŸŒป

Collapse
 
devash98 profile image
Ashique Billa Molla

You are welcome, Atul.๐Ÿค—

Collapse
 
samzhangjy profile image
Sam Zhang

Thanks for sharing!

Collapse
 
devash98 profile image
Ashique Billa Molla

Welcome ๐Ÿค—, Sam!!

Collapse
 
sojinsamuel profile image
Sojin Samuel

Bravo ashique, are you a student or working currently

Collapse
 
devash98 profile image
Ashique Billa Molla

I am a FTE.

Collapse
 
sojinsamuel profile image
Sojin Samuel

Googled FTE, but i dont understand what is it

Thread Thread
 
devash98 profile image
Ashique Billa Molla

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

Collapse
 
stevebmurphy profile image
Steve Murphy

They are all amazing. Great work, Ashique!

Collapse
 
devash98 profile image
Ashique Billa Molla

Thanks Steve!!

Collapse
 
andrewbaisden profile image
Andrew Baisden

Stunning ๐Ÿคฉ

Collapse
 
devash98 profile image
Ashique Billa Molla

Thanks!!

Collapse
 
olawalemumeen2 profile image
OLAWALE MUMEEN

Its awesome

Collapse
 
devash98 profile image
Ashique Billa Molla

Thanks Mumin!!

Collapse
 
anuragvohraec profile image
Anurag Vohra

wo great colors

Collapse
 
devash98 profile image
Ashique Billa Molla

Thanks, brother!!

Collapse
 
arthurdenner profile image
Arthur Denner

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!

Collapse
 
devash98 profile image
Ashique Billa Molla

Thanks for the appreciation!!

Collapse
 
suchintan profile image
SUCHINTAN DAS • 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 ๐Ÿ™‚

Collapse
 
devash98 profile image
Ashique Billa Molla

Glad that you liked it, Suchintan.

Collapse
 
joset98 profile image
joset98

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

Collapse
 
iamdevmarcos profile image
Marcos Mendes

Awesome, good content

Collapse
 
devash98 profile image
Ashique Billa Molla

Thanks, Marcos!!

Collapse
 
rudrasen2 profile image
Rudra Sen

I like from 1-9.

Collapse
 
devash98 profile image
Ashique Billa Molla

That's great!! I am happy that you like them ๐Ÿ˜Š