Trending and Modern Gradient For Web Design Projects

Gradient

The gradient is the best way of making modern designs and graphics. It is used in posters, logos, web design, and more. We can found default gradient on graphics design software. But this gradient is outdated and it can down your design.


Most of the time there are used muted colours in the design. It is clean and makes a modern design. In this article, I will provide the gradient CSS link and colours link. You can use this gradient on photo editing software and web design software.


Cherryblossoms


background: linear-gradient(to right, #fbd3e9, #bb377d);


Virgin


background: linear-gradient(to right, #c9ffbf, #ffafbd);


Earthly


background: linear-gradient(to right, #649173, #dbd5a4);


Dirty Fog


background: linear-gradient(to right, #b993d6, #8ca6db);


The Strain


background: linear-gradient(to right, #870000, #190a05);


Reef


background: linear-gradient(to right, #00d2ff, #3a7bd5);


Autumn


background: linear-gradient(to right, #dad299, #b0dab9);


Nelson


background: linear-gradient(to right, #f2709c, #ff9472);


Winter


background: linear-gradient(to right, #e6dada, #274046);


Almost


background: linear-gradient(to right, #ddd6f3, #faaca8);


Moor


background: linear-gradient(to right, #616161, #9bc5c3);


Aqualicious


background: linear-gradient(to right, #50c9c3, #96deda);


Misty Meadow


background: linear-gradient(to right, #215f00, #e4e4d9);


Kyoto


background: linear-gradient(to right, #c21500, #ffc500);


Sirius Tamed


background: linear-gradient(to right, #efefbb, #d4d3dd);


Jonquil


background: linear-gradient(to right, #ffeeee, #ddefbb);


Petrichor


background: linear-gradient(to right, #666600, #999966);


A Lost Memory


background: linear-gradient(to right, #de6262, #ffb88c);


Vasily


background: linear-gradient(to right, #e9d362, #333333);


Blurry Beach


background: linear-gradient(to right, #d53369, #cbad6d);


Namn


background: linear-gradient(to right, #a73737, #7a2828);


Day Tripper


background: linear-gradient(to right, #f857a6, #ff5858);


Pinot Noir


background: linear-gradient(to right, #4b6cb7, #182848);


Miaka


background: linear-gradient(to right, #fc354c, #0abfbc);


Army


background: linear-gradient(to right, #414d0b, #727a17);


Shrimpy


background: linear-gradient(to right, #e43a15, #e65245);


Influenza


background: linear-gradient(to right, #c04848, #480048);


Calm Darya


background: linear-gradient(to right, #5f2c82, #49a09d);


Bourbon


background: linear-gradient(to right, #ec6f66, #f3a183);


Stellar


background: linear-gradient(to right, #7474bf, #348ac7);


Moonrise


background: linear-gradient(to right, #dae2f8, #d6a4a4);


Peach


background: linear-gradient(to right, #ed4264, #ffedbc);


Dracula


background: linear-gradient(to right, #dc2424, #4a569d);


Mantle


background: linear-gradient(to right, #24c6dc, #514a9d);


Titanium


background: linear-gradient(to right, #283048, #859398);


Sea Blizz


background: linear-gradient(to right, #1cd8d2, #93edc7);


Midnight City


background: linear-gradient(to right, #232526, #414345);


Mystic


background: linear-gradient(to right, #757f9a, #d7dde8);


Shroom Haze


background: linear-gradient(to right, #5c258d, #4389a2);


Moss


background: linear-gradient(to right, #134e5e, #71b280);


Bora Bora


background: linear-gradient(to right, #2bc0e4, #eaecc6);


Venice Blue


background: linear-gradient(to right, #085078, #85d8ce);


Electric Violet


background: linear-gradient(to right, #4776e6, #8e54e9);


Kashmir


background: linear-gradient(to right, #614385, #516395);


Steel Gray


background: linear-gradient(to right, #1f1c2c, #928dab);


Mirage


background: linear-gradient(to right, #16222a, #3a6073);


Juicy Orange


background: linear-gradient(to right, #ff8008, #ffc837);


Mojito


background: linear-gradient(to right, #1d976c, #93f9b9);


Cherry


background: linear-gradient(to right, #eb3349, #f45c43);


Pinky


background: linear-gradient(to right, #dd5e89, #f7bb97);


Sea Weed


background: linear-gradient(to right, #4cb8c4, #3cd3ad);


Stripe


background: linear-gradient(to right, #1fa2ff, #12d8fa, #a6ffcb);


Stripe


background: linear-gradient(to right, #1fa2ff, #12d8fa, #a6ffcb);


Purple Paradise


background: linear-gradient(to right, #1d2b64, #f8cdda);


Sunrise


background: linear-gradient(to right, #1d2b64, #f8cdda);


Aqua Marine


background: linear-gradient(to right, #1a2980, #26d0ce);


Aubergine


background: linear-gradient(to right, #aa076b, #61045f);


Bloody Mary


background: linear-gradient(to right, #ff512f, #dd2476);


Mango Pulp


background: linear-gradient(to right, #f09819, #edde5d);


Frozen


background: linear-gradient(to right, #403b4a, #e7e9bb);


Rose Water


background: linear-gradient(to right, #e55d87, #5fc3e4);