#BF6F8C - #811E3E | 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 #BF6F8C mit #811E3E

#BF6F8C #811E3E

Berechnen Sie die Farbe zwischen zwei Farben, #BF6F8C und #811E3E. 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)

#BF6F8C - #811E3E | 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 #BF6F8C als 0% und #811E3E als 100%.

0.0%	0.0% #BF6F8C	RGB 191 111 140	#BF6F8C
16.7%	16.7% #B4617F	RGB 180 97 127	#B4617F
33.3%	33.3% #AA5472	RGB 170 84 114	#AA5472
50.0%	50.0% #A04665	RGB 160 70 101	#A04665
66.7%	66.7% #953958	RGB 149 57 88	#953958
83.3%	83.3% #8B2B4B	RGB 139 43 75	#8B2B4B
100.0%	100.0% #811E3E	RGB 129 30 62	#811E3E

#BF6F8C #B4617F #AA5472 #A04665 #953958 #8B2B4B #811E3E

#BF6F8C - #811E3E

HSV-Mischung

#BF6F8C - #811E3E | 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 #BF6F8C als 0% und #811E3E als 100%.

0.0%	0.0% #BF6F8B	RGB 191 111 139	#BF6F8B
16.7%	16.7% #B45E7D	RGB 180 94 125	#B45E7D
33.3%	33.3% #AA4F6F	RGB 170 79 111	#AA4F6F
50.0%	50.0% #A04161	RGB 160 65 97	#A04161
66.7%	66.7% #953454	RGB 149 52 84	#953454
83.3%	83.3% #8B2849	RGB 139 40 73	#8B2849
100.0%	100.0% #811E3E	RGB 129 30 62	#811E3E

#BF6F8B #B45E7D #AA4F6F #A04161 #953454 #8B2849 #811E3E

#BF6F8C - #A04161 - #811E3E

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BF6F8B 0%, #A04161 50%, #811E3E 100%);
    background: -webkit-linear-gradient(top, #BF6F8B 0%, #A04161 50%, #811E3E 100%);
    background: linear-gradient(to bottom, #BF6F8B 0%, #A04161 50%, #811E3E 100%);
}
</style>