4 Color Gradient Generator

Make beautiful color gradients easily with our free four Color Gradient Generator tool. Choose your colors and create awesome gradients in just a few clicks.

📌 Press Ctrl+D to bookmark this page

Choose colors

Change angle

Generate random gradient

3 color gradient generator Css color gradient generator

Current CSS Background

1 2 3 4

CSS

rgb


            
              background: -webkit-linear-gradient(90deg, #ee8936, #C11B7C, #36ee89, #7CC11B);

              background: -moz-linear-gradient(90deg, #EE8936, #C11B7C, #36EE89, #7CC11B);

              background: linear-gradient(90deg, #EE8936, #C11B7C, #36EE89, #7CC11B);

            
            
              background: rgb(238, 137, 54);

              background: rgb(193, 27, 124);

              background: rgb(54, 238, 137);

              background: rgb(124, 193, 27);