<div></div>
$color1: transparentize(#7986CB, .2);
$color2: transparentize(mix($color1, #fff, 50%), .5);

div {
  width: 1024px;
  height: 128px;
  background-image:
    linear-gradient(
      $color1, $color2
    ),
    repeating-linear-gradient(
      -45deg, 
      $color1 0px, 
      $color1 14px, 
      $color2 16px, 
      $color2 20px,
      $color1 22px
    )
}
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.