CSS Gradient Gen

Beginner’s Tutorial: Building Gradient Backgrounds from Scratch

Starting out with CSS gradients? Begin with the basics:

body {
  background: linear-gradient(to right, #1e3c72, #2a5298);
}

Experiment with direction, color stops, and transparency until you find your perfect design!