minimal svg quadratic waves

1<svg 
2 viewBox="0 0 2 1" 
3 preserveAspectRatio="none">
4  <defs>
5    <path id="w" 
6      d="
7      m0 1v-.5 
8      q.5.5 1 0
9      t1 0 1 0 1 0
10      v.5z" />
11  </defs>
12  <g>
13   <use href="#w" y=".0" fill="#2d55aa" />
14   <use href="#w" y=".1" fill="#3461c1" />
15   <use href="#w" y=".2" fill="#4579e2" />
16  </g>
17 </svg>