Multi-Layer Gradient Generator

Build complex multi-layer gradients with blend modes

Layers

Layer Properties

90°
1

Colors

Presets

Live Preview

Generated CSS

.multi-gradient {
  background: linear-gradient(90deg, #3b82f6 0%, #8b5cf6 100%);
  background-blend-mode: normal;
}