#B9ABC6 - #6B507E | 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 #B9ABC6 mit #6B507E

#B9ABC6 #6B507E

Berechnen Sie die Farbe zwischen zwei Farben, #B9ABC6 und #6B507E. 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)

#B9ABC6 - #6B507E | 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 #B9ABC6 als 0% und #6B507E als 100%.

0.0%	0.0% #B9ABC6	RGB 185 171 198	#B9ABC6
16.7%	16.7% #AC9BBA	RGB 172 155 186	#AC9BBA
33.3%	33.3% #9F8CAE	RGB 159 140 174	#9F8CAE
50.0%	50.0% #927DA2	RGB 146 125 162	#927DA2
66.7%	66.7% #856E96	RGB 133 110 150	#856E96
83.3%	83.3% #785F8A	RGB 120 95 138	#785F8A
100.0%	100.0% #6B507E	RGB 107 80 126	#6B507E

#B9ABC6 #AC9BBA #9F8CAE #927DA2 #856E96 #785F8A #6B507E

#B9ABC6 - #6B507E

HSV-Mischung

#B9ABC6 - #6B507E | 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 #B9ABC6 als 0% und #6B507E als 100%.

0.0%	0.0% #B9ABC6	RGB 185 171 198	#B9ABC6
16.7%	16.7% #AA99BA	RGB 170 153 186	#AA99BA
33.3%	33.3% #9D89AE	RGB 157 137 174	#9D89AE
50.0%	50.0% #8F79A2	RGB 143 121 162	#8F79A2
66.7%	66.7% #836A96	RGB 131 106 150	#836A96
83.3%	83.3% #765C8A	RGB 118 92 138	#765C8A
100.0%	100.0% #6B507E	RGB 107 80 126	#6B507E

#B9ABC6 #AA99BA #9D89AE #8F79A2 #836A96 #765C8A #6B507E

#B9ABC6 - #8F79A2 - #6B507E

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B9ABC6 0%, #8F79A2 50%, #6B507E 100%);
    background: -webkit-linear-gradient(top, #B9ABC6 0%, #8F79A2 50%, #6B507E 100%);
    background: linear-gradient(to bottom, #B9ABC6 0%, #8F79A2 50%, #6B507E 100%);
}
</style>