#C8C7CF - #FFECCD | 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 #C8C7CF mit #FFECCD

#C8C7CF #FFECCD

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

#C8C7CF - #FFECCD | 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 #C8C7CF als 0% und #FFECCD als 100%.

0.0%	0.0% #C8C7CF	RGB 200 199 207	#C8C7CF
16.7%	16.7% #D1CDCE	RGB 209 205 206	#D1CDCE
33.3%	33.3% #DAD3CE	RGB 218 211 206	#DAD3CE
50.0%	50.0% #E3D9CE	RGB 227 217 206	#E3D9CE
66.7%	66.7% #ECDFCD	RGB 236 223 205	#ECDFCD
83.3%	83.3% #F5E5CD	RGB 245 229 205	#F5E5CD
100.0%	100.0% #FFECCD	RGB 255 236 205	#FFECCD

#C8C7CF #D1CDCE #DAD3CE #E3D9CE #ECDFCD #F5E5CD #FFECCD

#C8C7CF - #FFECCD

HSV-Mischung

#C8C7CF - #FFECCD | 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 #C8C7CF als 0% und #FFECCD als 100%.

0.0%	0.0% #C8C7CF	RGB 200 199 207	#C8C7CF
16.7%	16.7% #D0C9D7	RGB 208 201 215	#D0C9D7
33.3%	33.3% #DECADF	RGB 222 202 223	#DECADF
50.0%	50.0% #E7CBDC	RGB 231 203 220	#E7CBDC
66.7%	66.7% #EFCCD3	RGB 239 204 211	#EFCCD3
83.3%	83.3% #F7D5CD	RGB 247 213 205	#F7D5CD
100.0%	100.0% #FFECCD	RGB 255 236 205	#FFECCD

#C8C7CF #D0C9D7 #DECADF #E7CBDC #EFCCD3 #F7D5CD #FFECCD

#C8C7CF - #E7CBDC - #FFECCD

CSS-Codes

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

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