Html & Css

001.Warm Flame Gradient

.gradient {
    background-image: linear-gradient(45deg, #ff9a9e 0%, #fad0c4 99%, #fad0c4 100%);
}

002.Night Fade Gradient

.gradient {
    background-image: linear-gradient(to top, #a18cd1 0%, #fbc2eb 100%);
}

003.Spring Warmth Gradient

.gradient {
    background-image: linear-gradient(to top, #fad0c4 0%, #ffd1ff 100%);
}

004.Juicy Peach

.gradient {
    background-image: linear-gradient(to right, #ffecd2 0%, #fcb69f 100%);
}

005.Young Passion

.gradient {
    background-image: linear-gradient(to right, #ff8177 0%, #ff867a 0%, #ff8c7f 21%, #f99185 52%, #cf556c 78%, #b12a5b 100%);
}

006.Lady Lips

.gradient {
    background-image: linear-gradient(to top, #ff9a9e 0%, #fecfef 99%, #fecfef 100%);
}

007.Sunny Morning

.gradient {
    background-image: linear-gradient(120deg, #f6d365 0%, #fda085 100%);
}

008.Rainy Ashville

.gradient {
    background-image: linear-gradient(to top, #fbc2eb 0%, #a6c1ee 100%);
}

009.Frozen Dreams

.gradient {
    background-image: linear-gradient(to top, #fdcbf1 0%, #fdcbf1 1%, #e6dee9 100%);
}

010.Winter Neva

.gradient {
    background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);
}

011.Dusty Grass

.gradient {
    background-image: linear-gradient(120deg, #d4fc79 0%, #96e6a1 100%);
}

012.Tempting Azure

.gradient {
    background-image: linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%);
}

013.Heavy Rain

.gradient {
    background-image: linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%);
}

014.Amy Crisp

.gradient {
    background-image: linear-gradient(120deg, #a6c0fe 0%, #f68084 100%);
}

015.Mean Fruit

.gradient {
    background-image: linear-gradient(120deg, #fccb90 0%, #d57eeb 100%);
}

016.Deep Blue

.gradient {
    background-image: linear-gradient(120deg, #e0c3fc 0%, #8ec5fc 100%);
}

017.Ripe Malinka

.gradient {
    background-image: linear-gradient(120deg, #f093fb 0%, #f5576c 100%);
}

018.Cloudy Knoxville

.gradient {
    background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);
}

019.Malibu Beach

.gradient {
    background-image: linear-gradient(to right, #4facfe 0%, #00f2fe 100%);
}

020.New Life

.gradient {
    background-image: linear-gradient(to right, #43e97b 0%, #38f9d7 100%);
}

021.True Sunset

.gradient {
    background-image: linear-gradient(to right, #fa709a 0%, #fee140 100%);
}

022.Morpheus Den

.gradient {
    background-image: linear-gradient(to top, #30cfd0 0%, #330867 100%);
}

023.Rare Wind

.gradient {
    background-image: linear-gradient(to top, #a8edea 0%, #fed6e3 100%);
}

024.Near Moon

.gradient {
    background-image: linear-gradient(to top, #5ee7df 0%, #b490ca 100%);
}

025.Wild Apple

.gradient {
    background-image: linear-gradient(to top, #d299c2 0%, #fef9d7 100%);
}

026.Saint Petersburg

.gradient {
    background-image: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
}

027.Arielle’s Smile

.gradient {
    background-image: radial-gradient(circle 248px at center, #16d9e3 0%, #30c7ec 47%, #46aef7 100%);
}

028.Happy Fisher

.gradient {
    background-image: linear-gradient(120deg, #89f7fe 0%, #66a6ff 100%);
}

029.Blessing

.gradient {
    background-image: linear-gradient(to top, #fddb92 0%, #d1fdff 100%);
}

030.Lemon Gate

.gradient {
    background-image: linear-gradient(to top, #96fbc4 0%, #f9f586 100%);
}

031.Zeus Miracle

.gradient {
    background-image: linear-gradient(to top, #cd9cf2 0%, #f6f3ff 100%);
}

032.Awesome Pine

.gradient {
    background-image: linear-gradient(to top, #ebbba7 0%, #cfc7f8 100%);
}

033.New York

.gradient {
    background-image: linear-gradient(to top, #fff1eb 0%, #ace0f9 100%);
}

034.February Ink

.gradient {
    background-image: linear-gradient(to top, #accbee 0%, #e7f0fd 100%);
}

035.Strong Bliss

.gradient {
    background-image: linear-gradient(to right, #f78ca0 0%, #f9748f 19%, #fd868c 60%, #fe9a8b 100%);
}

036.Fresh Milk

.gradient {
    background-image: linear-gradient(to top, #feada6 0%, #f5efef 100%);
}

037.Kind Steel

.gradient {
    background-image: linear-gradient(-20deg, #e9defa 0%, #fbfcdb 100%);
}

038.Soft Grass

.gradient {
    background-image: linear-gradient(to top, #c1dfc4 0%, #deecdd 100%);
}

039.Dirty Beauty

.gradient {
    background-image: linear-gradient(to top, #6a85b6 0%, #bac8e0 100%);
}

040.Great Whale

.gradient {
    background-image: linear-gradient(to top, #a3bded 0%, #6991c7 100%);
}

041.Teen Notebook

.gradient {
    background-image: linear-gradient(to top, #9795f0 0%, #fbc8d4 100%);
}

042.Heaven Peach

.gradient {
    background-image: linear-gradient(to top, #d9afd9 0%, #97d9e1 100%);
}

043.Aqua Splash

.gradient {
    background-image: linear-gradient(15deg, #13547a 0%, #80d0c7 100%);
}

044.Spiky Naga

.gradient {
    background-image: linear-gradient(to top, #505285 0%, #585e92 12%, #65689f 25%, #7474b0 37%, #7e7ebb 50%, #8389c7 62%, #9795d4 75%, #a2a1dc 87%, #b5aee4 100%);
}

045.Love Kiss

.gradient {
    background-image: linear-gradient(to top, #ff0844 0%, #ffb199 100%);
}

046.Cold Evening

.gradient {
    background-image: linear-gradient(to top, #0c3483 0%, #a2b6df 100%, #6b8cce 100%, #a2b6df 100%);
}

047.Big Mango

.gradient {
    background-image: linear-gradient(to top, #c71d6f 0%, #d09693 100%);
}

048.Flying Lemon

.gradient {
    background-image: linear-gradient(60deg, #64b3f4 0%, #c2e59c 100%);
}

049.Magic Lake

.gradient {
    background-image: linear-gradient(to top, #d5dee7 0%, #ffafbd 0%, #c9ffbf 100%);
}

050.Forest Inei

.gradient {
    background-image: linear-gradient(to top, #df89b5 0%, #bfd9fe 100%);
}