Free CSS Gradient Generator
Free Gradient Generator for Designers & Developers
Live Preview
#5433FF
#20BDFF
90°
0%
100%
Code & Export
Code
/* Standard CSS */
.gradient {
background: linear-gradient(90deg, #5433FF 0%, #20BDFF 100%);
background: -webkit-linear-gradient(90deg, #5433FF 0%, #20BDFF 100%);
background: -moz-linear-gradient(90deg, #5433FF 0%, #20BDFF 100%);
}Code
/* Standard CSS */
.gradient {
background: linear-gradient(90deg, #5433FF 0%, #20BDFF 100%);
background: -webkit-linear-gradient(90deg, #5433FF 0%, #20BDFF 100%);
background: -moz-linear-gradient(90deg, #5433FF 0%, #20BDFF 100%);
}