CSS Gradient Generator

Generate and customize CSS instantly

Direction (degrees)

Color 1

Color 2

Color 3

Use three colors

CSS Code

.gradient-bg {
  background: linear-gradient(135deg, #667eea, #764ba2, #f093fb);
  width: 100%;
  height: 100%;
}