Color Gradient
Gradient Background:
↓
→
↖
↗
↑
←
↙
↘
Select Colors:
CSS Code:
div {
background: linear-gradient(to bottom right,lightblue, coral);
}
Try It Yourself »
div {
background: linear-gradient(to bottom right,lightblue, coral);
}
Try It Yourself »
If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail:
sales@w3schools.com
If you want to report an error, or if you want to make a suggestion, send us an e-mail:
help@w3schools.com