#CECCC6 - #FFEFD4 | 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 #CECCC6 mit #FFEFD4

#CECCC6 #FFEFD4

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

#CECCC6 - #FFEFD4 | 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 #CECCC6 als 0% und #FFEFD4 als 100%.

0.0%	0.0% #CECCC6	RGB 206 204 198	#CECCC6
16.7%	16.7% #D6D1C8	RGB 214 209 200	#D6D1C8
33.3%	33.3% #DED7CA	RGB 222 215 202	#DED7CA
50.0%	50.0% #E6DDCD	RGB 230 221 205	#E6DDCD
66.7%	66.7% #EEE3CF	RGB 238 227 207	#EEE3CF
83.3%	83.3% #F6E9D1	RGB 246 233 209	#F6E9D1
100.0%	100.0% #FFEFD4	RGB 255 239 212	#FFEFD4

#CECCC6 #D6D1C8 #DED7CA #E6DDCD #EEE3CF #F6E9D1 #FFEFD4

#CECCC6 - #FFEFD4

HSV-Mischung

#CECCC6 - #FFEFD4 | 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 #CECCC6 als 0% und #FFEFD4 als 100%.

0.0%	0.0% #CECCC6	RGB 206 204 198	#CECCC6
16.7%	16.7% #D6D2C9	RGB 214 210 201	#D6D2C9
33.3%	33.3% #DED9CC	RGB 222 217 204	#DED9CC
50.0%	50.0% #E6DFCE	RGB 230 223 206	#E6DFCE
66.7%	66.7% #EEE4D0	RGB 238 228 208	#EEE4D0
83.3%	83.3% #F6EAD2	RGB 246 234 210	#F6EAD2
100.0%	100.0% #FFEFD4	RGB 255 239 212	#FFEFD4

#CECCC6 #D6D2C9 #DED9CC #E6DFCE #EEE4D0 #F6EAD2 #FFEFD4

#CECCC6 - #E6DFCE - #FFEFD4

CSS-Codes

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

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