Purplish Arches – Gradient

      
        
          background: 
        
            radial-gradient(
        
              circle farthest-side at 0% 100%,
        
              #fff1f1ff 0% 20%,
        
              #ffc2daff 20% 40%,
        
              #ff00ffff 40% 60%,
        
              #9101e7ff 60% 80%,
        
              #6a00ffff 80% 100%,
        
              #2f0070ff 100% 100%
        
            )
        
              50% 50% / 100px 100px,
        
            radial-gradient(
        
              circle farthest-side at 100% 100%,
        
              #fff0f1ff 0% 20%,
        
              #ffc2daff 20% 40%,
        
              #ff00ffff 40% 60%,
        
              #9101e7ff 60% 80%,
        
              #6a00ffff 80% 100%,
        
              #2f0070ff 100% 100%
        
            )
        
              50% 50% / 100px 100px,
        
            radial-gradient(
        
              circle at 50% 100%,
        
              #ff0099ff 0%,
        
              #00ebdbff 100%
        
            );
        
          background-blend-mode: multiply;
        
      
    
Background Preview