...
      .sky {
        fill: url(#linear-gradient);
      }

        <linearGradient id="linear-gradient" x1="0" y1="0" x2="0" y2="1">
          <stop offset="0%" stop-color="#cfe7f7" />
          <stop offset="100%" stop-color="#ffffff" />
        </linearGradient>
...