Gotcha: Gradients can look harsh or dated if the chosen colors don't blend well. Consider color harmony and the transition points.
Red directly to Green
This gradient uses highly contrasting colors (red and green) without a middle transition. Depending on the specific shades, this can sometimes appear abrupt or less aesthetically pleasing than a smoother, more analogous blend.
Sky Blue to Cyan (Analogous)
Using colors closer on the color wheel (analogous colors) like sky blue and cyan often results in a naturally smoother and more harmonious gradient.
Purple via Pink to Orange
Introducing a middle color with the
via-{color}-{shade}
class can help bridge a wider gap between the
from
and
to
colors, creating a more sophisticated and smoother transition, avoiding harshness.