#BBB5E9 - #5151AC | Colorate

Colorate besitzt ein Farbschema-Tool für Designer und Entwickler. Es wird Sie inspirieren und Ihnen bei Ihrer Farbauswahl helfen. Mach diese Seite besser

Mischen Sie #BBB5E9 mit #5151AC

#BBB5E9 #5151AC

Berechnen Sie die Farbe zwischen zwei Farben, #BBB5E9 und #5151AC. Bei der Berechnung von RGB-Werten ist die Sättigung zwischen den verschiedenen Farben niedrig. Bei der Berechnung der HSV-Werte ist die Sättigung zwischen den verschiedenen Farben nicht niedrig.

RGB-Mischung (linear)

#BBB5E9 - #5151AC | Colorate

Berechnung der Farbe zwischen zwei Farben basierend auf dem RGB-Wert. Bei Farben, die voneinander entfernt sind, verringert sich die Sättigung zwischen den beiden Farben. Erweitern Sie die Farbe zwischen zwei Farben mit #BBB5E9 als 0% und #5151AC als 100%.

0.0%	0.0% #BBB5E9	RGB 187 181 233	#BBB5E9
16.7%	16.7% #A9A4DE	RGB 169 164 222	#A9A4DE
33.3%	33.3% #9793D4	RGB 151 147 212	#9793D4
50.0%	50.0% #8683CA	RGB 134 131 202	#8683CA
66.7%	66.7% #7472C0	RGB 116 114 192	#7472C0
83.3%	83.3% #6261B6	RGB 98 97 182	#6261B6
100.0%	100.0% #5151AC	RGB 81 81 172	#5151AC

#BBB5E9 #A9A4DE #9793D4 #8683CA #7472C0 #6261B6 #5151AC

#BBB5E9 - #5151AC

HSV-Mischung

#BBB5E9 - #5151AC | Colorate

Berechnung der Farbe zwischen zwei Farben basierend auf dem HSV-Wert. Selbst zwischen verschiedenen Farbfarben nimmt die Sättigung zwischen den zwei Farben nicht ab. Erweitern Sie die Farbe zwischen zwei Farben mit #BBB5E9 als 0% und #5151AC als 100%.

0.0%	0.0% #BBB5E9	RGB 187 181 233	#BBB5E9
16.7%	16.7% #A7A1DE	RGB 167 161 222	#A7A1DE
33.3%	33.3% #948FD4	RGB 148 143 212	#948FD4
50.0%	50.0% #827ECA	RGB 130 126 202	#827ECA
66.7%	66.7% #716EC0	RGB 113 110 192	#716EC0
83.3%	83.3% #605FB6	RGB 96 95 182	#605FB6
100.0%	100.0% #5151AC	RGB 81 81 172	#5151AC

#BBB5E9 #A7A1DE #948FD4 #827ECA #716EC0 #605FB6 #5151AC

#BBB5E9 - #827ECA - #5151AC

CSS-Codes

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #BBB5E9 0%, #5151AC 100%);
    background: -webkit-linear-gradient(top, #BBB5E9 0%, #5151AC 100%);
    background: linear-gradient(to bottom, #BBB5E9 0%, #5151AC 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BBB5E9 0%, #827ECA 50%, #5151AC 100%);
    background: -webkit-linear-gradient(top, #BBB5E9 0%, #827ECA 50%, #5151AC 100%);
    background: linear-gradient(to bottom, #BBB5E9 0%, #827ECA 50%, #5151AC 100%);
}
</style>