CSSで背景に斜線を引きたい

Question

背景に斜線を引きたいですが
なぜか薄く「のような模様が入ってしまいます。
原因を教えてください

div{  background-image: linear-gradient(
    -45deg,
    #F2F0F8 25%,
    #ffffff 25%,
    #ffffff 50%,
    #F2F0F8 50%,
    #F2F0F8 75%,
    #ffffff 75%,
    #F2F0F8 
  );
  background-size: 30px 30px;
background-attachment: fixed;
}

Answer 1

    #ffffff 75%,
    #F2F0F8 

この部分で 75%の位置から100%までがグラデーションで変化するためです。
最後を #ffffff にすれば非必要なグラデーション（「）は消えます。

div{
  background-image: linear-gradient(
    -45deg,
    #d5c7ff 25%,
    #ffffff 25%,
    #ffffff 50%,
    #d5c7ff 50%,
    #d5c7ff 75%,
    #ffffff 75%,
    #ffffff 
  );
  background-size: 30px 30px;
  background-attachment: fixed;
  height: 200px;
}