#FCF5E7 - #E6C99B | 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 #FCF5E7 mit #E6C99B

#FCF5E7 #E6C99B

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

#FCF5E7 - #E6C99B | 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 #FCF5E7 als 0% und #E6C99B als 100%.

0.0%	0.0% #FCF5E7	RGB 252 245 231	#FCF5E7
16.7%	16.7% #F8EDDA	RGB 248 237 218	#F8EDDA
33.3%	33.3% #F4E6CD	RGB 244 230 205	#F4E6CD
50.0%	50.0% #F1DFC1	RGB 241 223 193	#F1DFC1
66.7%	66.7% #EDD7B4	RGB 237 215 180	#EDD7B4
83.3%	83.3% #E9D0A7	RGB 233 208 167	#E9D0A7
100.0%	100.0% #E6C99B	RGB 230 201 155	#E6C99B

#FCF5E7 #F8EDDA #F4E6CD #F1DFC1 #EDD7B4 #E9D0A7 #E6C99B

#FCF5E7 - #E6C99B

HSV-Mischung

#FCF5E7 - #E6C99B | 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 #FCF5E7 als 0% und #E6C99B als 100%.

0.0%	0.0% #FCF5E7	RGB 252 245 231	#FCF5E7
16.7%	16.7% #F8EDD9	RGB 248 237 217	#F8EDD9
33.3%	33.3% #F4E6CC	RGB 244 230 204	#F4E6CC
50.0%	50.0% #F1DFBF	RGB 241 223 191	#F1DFBF
66.7%	66.7% #EDD7B3	RGB 237 215 179	#EDD7B3
83.3%	83.3% #E9D0A6	RGB 233 208 166	#E9D0A6
100.0%	100.0% #E6C99B	RGB 230 201 155	#E6C99B

#FCF5E7 #F8EDD9 #F4E6CC #F1DFBF #EDD7B3 #E9D0A6 #E6C99B

#FCF5E7 - #F1DFBF - #E6C99B

CSS-Codes

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

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