#CDA79C - #F0E5E2 | 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 #CDA79C mit #F0E5E2

#CDA79C #F0E5E2

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

#CDA79C - #F0E5E2 | 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 #CDA79C als 0% und #F0E5E2 als 100%.

0.0%	0.0% #CDA79C	RGB 205 167 156	#CDA79C
16.7%	16.7% #D2B1A7	RGB 210 177 167	#D2B1A7
33.3%	33.3% #D8BBB3	RGB 216 187 179	#D8BBB3
50.0%	50.0% #DEC6BF	RGB 222 198 191	#DEC6BF
66.7%	66.7% #E4D0CA	RGB 228 208 202	#E4D0CA
83.3%	83.3% #EADAD6	RGB 234 218 214	#EADAD6
100.0%	100.0% #F0E5E2	RGB 240 229 226	#F0E5E2

#CDA79C #D2B1A7 #D8BBB3 #DEC6BF #E4D0CA #EADAD6 #F0E5E2

#CDA79C - #F0E5E2

HSV-Mischung

#CDA79C - #F0E5E2 | 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 #CDA79C als 0% und #F0E5E2 als 100%.

0.0%	0.0% #CDA79C	RGB 205 167 156	#CDA79C
16.7%	16.7% #D2B0A6	RGB 210 176 166	#D2B0A6
33.3%	33.3% #D8BAB1	RGB 216 186 177	#D8BAB1
50.0%	50.0% #DEC4BD	RGB 222 196 189	#DEC4BD
66.7%	66.7% #E4CFC9	RGB 228 207 201	#E4CFC9
83.3%	83.3% #EAD9D5	RGB 234 217 213	#EAD9D5
100.0%	100.0% #F0E5E2	RGB 240 229 226	#F0E5E2

#CDA79C #D2B0A6 #D8BAB1 #DEC4BD #E4CFC9 #EAD9D5 #F0E5E2

#CDA79C - #DEC4BD - #F0E5E2

CSS-Codes

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

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