Waves 3 – Gradient

      
        
          background: 
        
            radial-gradient(
        
              circle farthest-side at 50% 100%,
        
              #0022e6ff 0% 12.5%,
        
              #59d9fcff 12.5% 25%,
        
              #4aa9f2ff 25% 37.5%,
        
              #808080ff 37.5% 50%,
        
              #373c3eff 50% 62.5%,
        
              #4aa9f2ff 62.5% 75%,
        
              #59d9fcff 75% 87.5%,
        
              #59a8fc00 87.5% 100%
        
            )
        
              0% 0% / 100px 100px,
        
            radial-gradient(
        
              circle farthest-side at 50% 0%,
        
              #59a8fc00 0% 12.5%,
        
              #59d9fcff 12.5% 25%,
        
              #4aa9f2ff 25% 37.5%,
        
              #373c3eff 37.5% 50%,
        
              #808080ff 50% 62.5%,
        
              #4aa9f2ff 62.5% 75%,
        
              #59d9fcff 75% 87.5%,
        
              #0022e6ff 87.5% 100%,
        
              #ffffff00 100% 100%
        
            )
        
              0% 0% / 100px 100px,
        
            linear-gradient(
        
              to top,
        
              #ea00bfff 0%,
        
              #5600eaff 100%
        
            );
        
          background-blend-mode: screen;
        
      
    
Background Preview