<div class="gradient">
</div>
div {
height: 100px;
background-color: red;
background-image:
linear-gradient(
to right,
#fffdc2,
#fffdc2 15%,
#d7f0a2 15%,
#d7f0a2 85%,
#fffdc2 85%
);
}
This Pen doesn't use any external CSS resources.