Trending and Modern Gradient For Web Design Projects

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);