#F5E5E2 - #D9AC96 | 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 #F5E5E2 mit #D9AC96

#F5E5E2 #D9AC96

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

#F5E5E2 - #D9AC96 | 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 #F5E5E2 als 0% und #D9AC96 als 100%.

0.0%	0.0% #F5E5E2	RGB 245 229 226	#F5E5E2
16.7%	16.7% #F0DBD5	RGB 240 219 213	#F0DBD5
33.3%	33.3% #EBD2C8	RGB 235 210 200	#EBD2C8
50.0%	50.0% #E7C8BC	RGB 231 200 188	#E7C8BC
66.7%	66.7% #E2BFAF	RGB 226 191 175	#E2BFAF
83.3%	83.3% #DDB5A2	RGB 221 181 162	#DDB5A2
100.0%	100.0% #D9AC96	RGB 217 172 150	#D9AC96

#F5E5E2 #F0DBD5 #EBD2C8 #E7C8BC #E2BFAF #DDB5A2 #D9AC96

#F5E5E2 - #D9AC96

HSV-Mischung

#F5E5E2 - #D9AC96 | 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 #F5E5E2 als 0% und #D9AC96 als 100%.

0.0%	0.0% #F5E5E2	RGB 245 229 226	#F5E5E2
16.7%	16.7% #F0D9D4	RGB 240 217 212	#F0D9D4
33.3%	33.3% #EBCFC7	RGB 235 207 199	#EBCFC7
50.0%	50.0% #E7C5BA	RGB 231 197 186	#E7C5BA
66.7%	66.7% #E2BCAD	RGB 226 188 173	#E2BCAD
83.3%	83.3% #DDB3A1	RGB 221 179 161	#DDB3A1
100.0%	100.0% #D9AC96	RGB 217 172 150	#D9AC96

#F5E5E2 #F0D9D4 #EBCFC7 #E7C5BA #E2BCAD #DDB3A1 #D9AC96

#F5E5E2 - #E7C5BA - #D9AC96

CSS-Codes

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

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