3 Color Gradient Generator

Use our three Color Gradient Generator online tool to make beautiful color blends! It's easy to create cool gradients for your websites and graphics in just a few clicks.

📌 Press Ctrl+D to bookmark this page

Choose colors

Change angle

Generate random gradient

Css color gradient generator 4 color gradient generator

Current CSS Background

1 2 3 4

CSS

rgb


            
              background: -webkit-linear-gradient(90deg, #ee8936, #C11B7C, #00ff00);

              background: -moz-linear-gradient(90deg, #EE8936, #C11B7C, #00ff00);

              background: linear-gradient(90deg, #EE8936, #C11B7C, #00ff00);

            

            
              background: rgb(238, 137, 54);

              background: rgb(193, 27, 124);

              background: rgb(0, 255, 0);