#CCC8DD - #F5E2FF | 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 #CCC8DD mit #F5E2FF

#CCC8DD #F5E2FF

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

#CCC8DD - #F5E2FF | 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 #CCC8DD als 0% und #F5E2FF als 100%.

0.0%	0.0% #CCC8DD	RGB 204 200 221	#CCC8DD
16.7%	16.7% #D2CCE2	RGB 210 204 226	#D2CCE2
33.3%	33.3% #D9D0E8	RGB 217 208 232	#D9D0E8
50.0%	50.0% #E0D5EE	RGB 224 213 238	#E0D5EE
66.7%	66.7% #E7D9F3	RGB 231 217 243	#E7D9F3
83.3%	83.3% #EEDDF9	RGB 238 221 249	#EEDDF9
100.0%	100.0% #F5E2FF	RGB 245 226 255	#F5E2FF

#CCC8DD #D2CCE2 #D9D0E8 #E0D5EE #E7D9F3 #EEDDF9 #F5E2FF

#CCC8DD - #F5E2FF

HSV-Mischung

#CCC8DD - #F5E2FF | 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 #CCC8DD als 0% und #F5E2FF als 100%.

0.0%	0.0% #CCC8DD	RGB 204 200 221	#CCC8DD
16.7%	16.7% #D2CCE2	RGB 210 204 226	#D2CCE2
33.3%	33.3% #D8D0E8	RGB 216 208 232	#D8D0E8
50.0%	50.0% #DFD5EE	RGB 223 213 238	#DFD5EE
66.7%	66.7% #E6D9F3	RGB 230 217 243	#E6D9F3
83.3%	83.3% #EDDDF9	RGB 237 221 249	#EDDDF9
100.0%	100.0% #F5E2FF	RGB 245 226 255	#F5E2FF

#CCC8DD #D2CCE2 #D8D0E8 #DFD5EE #E6D9F3 #EDDDF9 #F5E2FF

#CCC8DD - #DFD5EE - #F5E2FF

CSS-Codes

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

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