🌈

Farb-Verlauf Palette

Zwischenfarben zwischen 2 Farben erzeugen

#3b82f6
#ef4444
#3b82f6
#5978d8
#776dbb
#95639d
#b3597f
#d14e62
#ef4444
#SwatchHEXRGB
1
#3b82f659, 130, 246
2
#5978d889, 120, 216
3
#776dbb119, 109, 187
4
#95639d149, 99, 157
5
#b3597f179, 89, 127
6
#d14e62209, 78, 98
7
#ef4444239, 68, 68

CSS-Variablen

:root {
  --color-1: #3b82f6;
  --color-2: #5978d8;
  --color-3: #776dbb;
  --color-4: #95639d;
  --color-5: #b3597f;
  --color-6: #d14e62;
  --color-7: #ef4444;
}

CSS Gradient

.element { background: linear-gradient(to right, #3b82f6, #5978d8, #776dbb, #95639d, #b3597f, #d14e62, #ef4444); }