Gradient color palette is a set of useful CSS classes to create beautiful gradients.
Detailed documentation and more examples you can find in our Bootstrap gradients Docs
<!-- Grid row -->
<div class="row">
<!-- Grid column -->
<div class="col-md-3 mb-4">
<div class="purple-gradient color-block mb-3 mx-auto rounded-circle z-depth-1"></div>
<h5 class="mb-0">purple-gradient</h5>
</div>
<!-- Grid column -->
<!-- Grid column -->
<div class="col-md-3 mb-4">
<div class="blue-gradient color-block mb-3 mx-auto rounded-circle z-depth-1"></div>
<h5 class="mb-0">blue-gradient</h5>
</div>
<!-- Grid column -->
<!-- Grid column -->
<div class="col-md-3 mb-4">
<div class="aqua-gradient color-block mb-3 mx-auto rounded-circle z-depth-1"></div>
<h5 class="mb-0">aqua-gradient</h5>
</div>
<!-- Grid column -->
<!-- Grid column -->
<div class="col-md-3 mb-4">
<div class="peach-gradient color-block mb-3 mx-auto rounded-circle z-depth-1"></div>
<h5 class="mb-0">peach-gradient</h5>
</div>
<!-- Grid column -->
</div>
<!-- Grid row -->
Below, you have more light, gentle, eye-catching gradients options.