Home All ToolsCSS Background Pattern Generator

CSS Background Pattern Generator

Generate CSS background patterns.

Pattern

Color 1

Color 2

Angle (45°)

Generated CSS

background: repeating-linear-gradient(
  45deg,
  #f0f0f0,
  #f0f0f0 10px,
  #dcdcdc 10px,
  #dcdcdc 20px
);

Preview