Try it Yourself: Colors Gradients

Colors Gradients

<!DOCTYPE html>
<html>
<head>
<style>
.banner {
  background: linear-gradient(to right, #ff7e5f, #feb47b);
}

.diagonal {
  background: linear-gradient(45deg, #6a11cb, #2575fc);
}
</style>
</head>
<body>

<div class="banner">Banner</div>
<div class="diagonal">Diagonal</div>

</body>
</html>

<!DOCTYPE html>
<html>
<head>
<style>
.banner {
  background: linear-gradient(to right, #ff7e5f, #feb47b);
}

.diagonal {
  background: linear-gradient(45deg, #6a11cb, #2575fc);
}
</style>
</head>
<body>

<div class="banner">Banner</div>
<div class="diagonal">Diagonal</div>

</body>
</html>