#854A4A - #DCCBCB | 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 #854A4A mit #DCCBCB

#854A4A #DCCBCB

Berechnen Sie die Farbe zwischen zwei Farben, #854A4A und #DCCBCB. 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)

#854A4A - #DCCBCB | 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 #854A4A als 0% und #DCCBCB als 100%.

0.0%	0.0% #854A4A	RGB 133 74 74	#854A4A
16.7%	16.7% #935F5F	RGB 147 95 95	#935F5F
33.3%	33.3% #A27575	RGB 162 117 117	#A27575
50.0%	50.0% #B08A8A	RGB 176 138 138	#B08A8A
66.7%	66.7% #BFA0A0	RGB 191 160 160	#BFA0A0
83.3%	83.3% #CDB5B5	RGB 205 181 181	#CDB5B5
100.0%	100.0% #DCCBCB	RGB 220 203 203	#DCCBCB

#854A4A #935F5F #A27575 #B08A8A #BFA0A0 #CDB5B5 #DCCBCB

#854A4A - #DCCBCB

HSV-Mischung

#854A4A - #DCCBCB | 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 #854A4A als 0% und #DCCBCB als 100%.

0.0%	0.0% #854A4A	RGB 133 74 74	#854A4A
16.7%	16.7% #935B5B	RGB 147 91 91	#935B5B
33.3%	33.3% #A26D6D	RGB 162 109 109	#A26D6D
50.0%	50.0% #B08282	RGB 176 130 130	#B08282
66.7%	66.7% #BF9898	RGB 191 152 152	#BF9898
83.3%	83.3% #CDB1B1	RGB 205 177 177	#CDB1B1
100.0%	100.0% #DCCBCB	RGB 220 203 203	#DCCBCB

#854A4A #935B5B #A26D6D #B08282 #BF9898 #CDB1B1 #DCCBCB

#854A4A - #B08282 - #DCCBCB

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #854A4A 0%, #B08282 50%, #DCCBCB 100%);
    background: -webkit-linear-gradient(top, #854A4A 0%, #B08282 50%, #DCCBCB 100%);
    background: linear-gradient(to bottom, #854A4A 0%, #B08282 50%, #DCCBCB 100%);
}
</style>