{{degRotation}}deg
background: {{ newColor1 }};
background: -moz-linear-gradient(left, {{ newColor1 }} 0%, {{ newColor2 }} 100%);
background: -webkit-linear-gradient(left, {{ newColor1 }} 0%, {{ newColor2 }} 100%);
background: linear-gradient(to right, {{ newColor1 }} 0%, {{ newColor2 }} 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='{{ newColor1 }}', endColorstr='{{ newColor2 }}',GradientType=1 );
                                
background: {{ newColor1 }};
background: -moz-linear-gradient(top, {{ newColor1 }} 0%, {{ newColor2 }} 100%);
background: -webkit-linear-gradient(top, {{ newColor1 }} 0%, {{ newColor2 }} 100%);
background: linear-gradient(to bottom, {{ newColor1 }} 0%, {{ newColor2 }} 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='{{ newColor1 }}', endColorstr='{{ newColor2 }}',GradientType=0 );
                                
background: {{ newColor1 }};
background: -moz-radial-gradient(center, ellipse cover, {{ newColor1 }} 0%, {{ newColor2 }} 100%);
background: -webkit-radial-gradient(center, ellipse cover, {{ newColor1 }} 0%, {{ newColor2 }} 100%);
background: radial-gradient(ellipse at center, {{ newColor1 }} 0%, {{ newColor2 }} 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='{{ newColor1 }}', endColorstr='{{ newColor2 }}',GradientType=1 );
                                
background: {{ newColor1 }};
background: -moz-linear-gradient({{degRotation}}deg, {{ newColor1 }} 0%, {{ newColor2 }} 100%);
background: -webkit-linear-gradient({{degRotation}}deg, {{ newColor1 }} 0%, {{ newColor2 }} 100%);
background: linear-gradient({{degRotation}}deg, {{ newColor1 }} 0%, {{ newColor2 }} 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='{{ newColor1 }}', endColorstr='{{ newColor2 }}',GradientType=1 );
                                
Copy CSS
Copy CSS
Copy CSS
Copy CSS
Need Inspiration?