background-color-gradient-alignment.html

<!DOCTYPE html>
<html>
  <head>
    <style>
      .background1 {
      	background-color: rgb(0,68,204);
      	background-image: linear-gradient(rgb(0,136,204), rgb(0,68,204));
      	background-position: 0px -18.75px;
      	background-repeat: repeat no-repeat;
      	width: 50px;
      	height: 35px;
        position: fixed;
        top: 10.25px;
        left: 10px;
      }

      .background2 {
        background-color: rgb(0,68,204);
        background-image: linear-gradient(rgb(0,136,204), rgb(0,68,204));
        background-position: 0px -22.5px;
        background-repeat: repeat no-repeat;
        width: 50px;
        height: 35.5px;
        position: fixed;
        top: 10px;
        left: 70px;
      }
    </style>
  </head>
  <body>
    <div class="background1"></div>
    <div class="background2"></div>
  </body>
</html>

chromium/third_party/blink/web_tests/css3/background/background-color-gradient-alignment.html