Advanced CSS Background Generator
Linear Gradient
Dot Pattern
Linear Gradient Settings
Color 1 (Start)
#1D4ED8
Color 2 (Middle)
#3B82F6
Color 3 (End)
#06B6D4
Angle
135°
Color 2 Position
50%
Random Professional Gradient
Reset
Dot Pattern Settings
Dot Color
#4F46E5
Background Color
#F3F4F6
Dot Size (px)
4px
Spacing (px)
30px
Generated CSS:
background-image: linear-gradient(135deg, #1D4ED8 0%, #3B82F6 50%, #06B6D4 100%);
Copy CSS
Copied!