Quite difficult to add anything relevant, but let's try.
Just in case you are planning an image of 3D revolution surface, you can as well do the surface directly.
- draw the revolving curve
- goto Effects > 3D > Revolve and input the parameters; see the screenshot:
You can choose the wieving direction, light and color independently. Illustrator unfortunately doesn't give out a 3D model, only the rendered 2D image. But it's a vector image, not a bitmap.
You can return to revolve dialog by selecting the object and clicking the effect icon in the appearance panel. Everything is editable until you fix the effect by selecting Object > Expand Appearance.
ADD due the comment: I tested what happens when this is saved as SVG and the SVG file is opened in Firefox. This is a screenshot from Firefox:
It's SVG 1.1 with 3 decimals in numbers. The color isn't the same. That't obviously caused by a break in the color profiling chain. But otherwise it is shown ok - at lest as static image.
I unfortunately cannot give any quarantee, how other browsers behave with this. Or what happens, if you try to put this to fly and rotate. The SVG file is a quite heavy bunch of vector shapes. The shading is not a gradient or gradients. It's a dense pack of vector shapes which have different fill colors. In addition there is a quite complex grouping. You must test, how this works in your web application.