#BC5E4C - #FCAB66 | 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 #BC5E4C mit #FCAB66

#BC5E4C #FCAB66

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

#BC5E4C - #FCAB66 | 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 #BC5E4C als 0% und #FCAB66 als 100%.

0.0%	0.0% #BC5E4C	RGB 188 94 76	#BC5E4C
16.7%	16.7% #C66A50	RGB 198 106 80	#C66A50
33.3%	33.3% #D17754	RGB 209 119 84	#D17754
50.0%	50.0% #DC8459	RGB 220 132 89	#DC8459
66.7%	66.7% #E6915D	RGB 230 145 93	#E6915D
83.3%	83.3% #F19E61	RGB 241 158 97	#F19E61
100.0%	100.0% #FCAB66	RGB 252 171 102	#FCAB66

#BC5E4C #C66A50 #D17754 #DC8459 #E6915D #F19E61 #FCAB66

#BC5E4C - #FCAB66

HSV-Mischung

#BC5E4C - #FCAB66 | 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 #BC5E4C als 0% und #FCAB66 als 100%.

0.0%	0.0% #BC5E4C	RGB 188 94 76	#BC5E4C
16.7%	16.7% #C66950	RGB 198 105 80	#C66950
33.3%	33.3% #D17554	RGB 209 117 84	#D17554
50.0%	50.0% #DC8158	RGB 220 129 88	#DC8158
66.7%	66.7% #E68E5D	RGB 230 142 93	#E68E5D
83.3%	83.3% #F19C61	RGB 241 156 97	#F19C61
100.0%	100.0% #FCAB66	RGB 252 171 102	#FCAB66

#BC5E4C #C66950 #D17554 #DC8158 #E68E5D #F19C61 #FCAB66

#BC5E4C - #DC8158 - #FCAB66

CSS-Codes

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

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