Core Code
Core Code Modern Dev Handbook

Gradient Colors

Gradients combine multiple colors smoothly.

Preview

Code

<style>
.box{
width:160px;
height:80px;
background:linear-gradient(90deg,#2563eb,#22c55e);
}
</style>

<div class="box"></div>

More CSS Colors Examples (8)

example Color Keywords open example example Hex Color open example example RGB Color open example example RGBA Transparency open example example HSL Color open example example HSLA Transparency open example example Text Color open example example Opacity Property open example