Are not these much heavier than SVG image backgrounds? I tested by putting five backgrounds into my real web project and scroll does not seem smooth anymore.
It depends on a number of factors. Some of the more complex gradients could certainly be larger than some of the SVGs you are using in terms of raw size, but I'm not sure that would affect scrolling. If you link me to your project I would be happy to take a look.