#BCAFB5 - #8C5A68 | 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 #BCAFB5 mit #8C5A68

#BCAFB5 #8C5A68

Berechnen Sie die Farbe zwischen zwei Farben, #BCAFB5 und #8C5A68. 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)

#BCAFB5 - #8C5A68 | 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 #BCAFB5 als 0% und #8C5A68 als 100%.

0.0%	0.0% #BCAFB5	RGB 188 175 181	#BCAFB5
16.7%	16.7% #B4A0A8	RGB 180 160 168	#B4A0A8
33.3%	33.3% #AC929B	RGB 172 146 155	#AC929B
50.0%	50.0% #A4848E	RGB 164 132 142	#A4848E
66.7%	66.7% #9C7681	RGB 156 118 129	#9C7681
83.3%	83.3% #946874	RGB 148 104 116	#946874
100.0%	100.0% #8C5A68	RGB 140 90 104	#8C5A68

#BCAFB5 #B4A0A8 #AC929B #A4848E #9C7681 #946874 #8C5A68

#BCAFB5 - #8C5A68

HSV-Mischung

#BCAFB5 - #8C5A68 | 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 #BCAFB5 als 0% und #8C5A68 als 100%.

0.0%	0.0% #BCAFB5	RGB 188 175 181	#BCAFB5
16.7%	16.7% #B49EA8	RGB 180 158 168	#B49EA8
33.3%	33.3% #AC8F9A	RGB 172 143 154	#AC8F9A
50.0%	50.0% #A4818E	RGB 164 129 142	#A4818E
66.7%	66.7% #9C7381	RGB 156 115 129	#9C7381
83.3%	83.3% #946674	RGB 148 102 116	#946674
100.0%	100.0% #8C5A68	RGB 140 90 104	#8C5A68

#BCAFB5 #B49EA8 #AC8F9A #A4818E #9C7381 #946674 #8C5A68

#BCAFB5 - #A4818E - #8C5A68

CSS-Codes

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

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