Color Overlay fills all opaque parts of a layer with a color. The color may have transparency. Furthermore a display mode can be given. The following example shows a text layer with a Color Overlay that uses a colorful gradient color:
If the gradient color has transparency, you can achieve very special effects. The following images are showing single colored vector circles, that were assigned a gradient color with the attribute "Circle", colors blending from completely transparent to black: