#B2ABC6 - #694D7E | 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 #B2ABC6 mit #694D7E

#B2ABC6 #694D7E

Berechnen Sie die Farbe zwischen zwei Farben, #B2ABC6 und #694D7E. 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)

#B2ABC6 - #694D7E | 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 #B2ABC6 als 0% und #694D7E als 100%.

0.0%	0.0% #B2ABC6	RGB 178 171 198	#B2ABC6
16.7%	16.7% #A59BBA	RGB 165 155 186	#A59BBA
33.3%	33.3% #998BAE	RGB 153 139 174	#998BAE
50.0%	50.0% #8D7CA2	RGB 141 124 162	#8D7CA2
66.7%	66.7% #816C96	RGB 129 108 150	#816C96
83.3%	83.3% #755C8A	RGB 117 92 138	#755C8A
100.0%	100.0% #694D7E	RGB 105 77 126	#694D7E

#B2ABC6 #A59BBA #998BAE #8D7CA2 #816C96 #755C8A #694D7E

#B2ABC6 - #694D7E

HSV-Mischung

#B2ABC6 - #694D7E | 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 #B2ABC6 als 0% und #694D7E als 100%.

0.0%	0.0% #B2ABC6	RGB 178 171 198	#B2ABC6
16.7%	16.7% #A398BA	RGB 163 152 186	#A398BA
33.3%	33.3% #9587AE	RGB 149 135 174	#9587AE
50.0%	50.0% #8977A2	RGB 137 119 162	#8977A2
66.7%	66.7% #7D6896	RGB 125 104 150	#7D6896
83.3%	83.3% #725A8A	RGB 114 90 138	#725A8A
100.0%	100.0% #694D7E	RGB 105 77 126	#694D7E

#B2ABC6 #A398BA #9587AE #8977A2 #7D6896 #725A8A #694D7E

#B2ABC6 - #8977A2 - #694D7E

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B2ABC6 0%, #8977A2 50%, #694D7E 100%);
    background: -webkit-linear-gradient(top, #B2ABC6 0%, #8977A2 50%, #694D7E 100%);
    background: linear-gradient(to bottom, #B2ABC6 0%, #8977A2 50%, #694D7E 100%);
}
</style>