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
 
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
 
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
 
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
 
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
 
stevebmurphy profile image
Steve Murphy โ€ข

They are all amazing. Great work, Ashique!

Collapse
 
devash98 profile image
Ashique Billa Molla โ€ข

Thanks Steve!!

Collapse
 
anuragvohraec profile image
Anurag Vohra โ€ข

wo great colors

Collapse
 
devash98 profile image
Ashique Billa Molla โ€ข

Thanks, brother!!

Collapse
 
olawalemumeen2 profile image
OLAWALE MUMEEN โ€ข

Its awesome

Collapse
 
devash98 profile image
Ashique Billa Molla โ€ข

Thanks Mumin!!

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
 
andrewbaisden profile image
Andrew Baisden โ€ข

Stunning ๐Ÿคฉ

Collapse
 
devash98 profile image
Ashique Billa Molla โ€ข

Thanks!!

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

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!!