The block style gradient is based on the line-height of the text. Multiply the line-height by the number of gradient blocks you wish to use. Use that total as the gradient's background-size height (e.g. background-size: auto 194.4px;). Remeber to set the background to repeat, so it will continue to cycle through your block gradient.

The normal smooth text gradient using the same technique with background-clip text.

# Block Style
Gradient For
Vertical Text.

# Smooth Style
Gradient For
Vertical Text.