Multicolor Gradients

    Complete set of 68+ multicolor CSS gradients that will beautifully complement any project. Just copy any gradient below and paste it into any "Custom CSS" field. You can use it in any DIV, section, addon, anywhere where you can paste CSS class (gradient) below.
    spectrum-background
    elegant-rainbow
    colored-petal
    energetic-soul
    fable-wave
    bright-brain
    confusing-fluid
    violet-orange
    dynamic-rainbow
    paypal-blue
    new-blush
    artificial-nature
    first-chapter
    sensitive-destination
    illusive-love
    chroma-serenity
    yellow-tickets
    red-crossing
    romantic-sun
    another-view
    bright-leaks
    execute-pink
    cute-baby
    holographic-painting
    blue-morals
    dynamic-energy
    modern-path
    blurry-vision
    red-scratch
    purple-darkteal
    blue-bleed
    faded-journey
    distroted-flower
    soil-burst
    pipe-dream
    water-ripple
    urban-health
    colorful-utopia
    radial-ridge
    harbor-explorer
    dark-hope
    dual-glitch
    ethical-destiny
    twisted-fire
    golden-pond
    bluish-star
    redish-star
    greenish-star
    burst-spectrum
    spectar
    undefined-waves
    invisible-life
    leaf-rainbow
    rainbow-burst
    gentle-space
    highlight-space
    luminosity-rings
    luminosity-gemstones
    nova-rings
    coming-light
    orange-sparkle
    light-divider
    summer-joy
    gentle-stars
    warm-breeze
    orange-summet
    descend-sun
    vista-wallpaper


    Eight Patterns


    pattern--1
    pattern--2
    pattern--3
    pattern--4
    pattern--5
    pattern--6
    pattern--7
    pattern--8

    Adding Animation

    To activate CSS animation (hardware acceleration) for Multicolor Gradients, use CSS class animated-gradient, or animated-gradient-2.

    Click on button below to "activate" animation