#FFDEC0 - #DB9A5E | 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 #FFDEC0 mit #DB9A5E

#FFDEC0 #DB9A5E

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

#FFDEC0 - #DB9A5E | 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 #FFDEC0 als 0% und #DB9A5E als 100%.

0.0%	0.0% #FFDEC0	RGB 255 222 192	#FFDEC0
16.7%	16.7% #F9D2AF	RGB 249 210 175	#F9D2AF
33.3%	33.3% #F3C79F	RGB 243 199 159	#F3C79F
50.0%	50.0% #EDBC8F	RGB 237 188 143	#EDBC8F
66.7%	66.7% #E7B07E	RGB 231 176 126	#E7B07E
83.3%	83.3% #E1A56E	RGB 225 165 110	#E1A56E
100.0%	100.0% #DB9A5E	RGB 219 154 94	#DB9A5E

#FFDEC0 #F9D2AF #F3C79F #EDBC8F #E7B07E #E1A56E #DB9A5E

#FFDEC0 - #DB9A5E

HSV-Mischung

#FFDEC0 - #DB9A5E | 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 #FFDEC0 als 0% und #DB9A5E als 100%.

0.0%	0.0% #FFDEC0	RGB 255 222 192	#FFDEC0
16.7%	16.7% #F9D1AE	RGB 249 209 174	#F9D1AE
33.3%	33.3% #F3C59C	RGB 243 197 156	#F3C59C
50.0%	50.0% #EDBA8C	RGB 237 186 140	#EDBA8C
66.7%	66.7% #E7AF7C	RGB 231 175 124	#E7AF7C
83.3%	83.3% #E1A46C	RGB 225 164 108	#E1A46C
100.0%	100.0% #DB9A5E	RGB 219 154 94	#DB9A5E

#FFDEC0 #F9D1AE #F3C59C #EDBA8C #E7AF7C #E1A46C #DB9A5E

#FFDEC0 - #EDBA8C - #DB9A5E

CSS-Codes

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

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