Color Gradient
Gradient Background:
↓
→
↖
↗
↑
←
↙
↘
Select Colors:
CSS Code:
div {
background: linear-gradient(to bottom right,lightblue, coral);
}
Try It Yourself »
W3Schools is optimized for learning, testing, and training. Examples might be simplified to improve reading and basic understanding.
Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content.
While using this site, you agree to have read and accepted our terms of use,
cookie and privacy policy.
Copyright 1999-2020 by Refsnes Data. All Rights Reserved.
Powered by W3.CSS.
Powered by W3.CSS.