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

#C7CEEB #F5E2FF

Berechnen Sie die Farbe zwischen zwei Farben, #C7CEEB 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)

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

0.0%	0.0% #C7CEEB	RGB 199 206 235	#C7CEEB
16.7%	16.7% #CED1EE	RGB 206 209 238	#CED1EE
33.3%	33.3% #D6D4F1	RGB 214 212 241	#D6D4F1
50.0%	50.0% #DED8F5	RGB 222 216 245	#DED8F5
66.7%	66.7% #E5DBF8	RGB 229 219 248	#E5DBF8
83.3%	83.3% #EDDEFB	RGB 237 222 251	#EDDEFB
100.0%	100.0% #F5E2FF	RGB 245 226 255	#F5E2FF

#C7CEEB #CED1EE #D6D4F1 #DED8F5 #E5DBF8 #EDDEFB #F5E2FF

#C7CEEB - #F5E2FF

HSV-Mischung

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

0.0%	0.0% #C7CEEB	RGB 199 206 235	#C7CEEB
16.7%	16.7% #CBCDEE	RGB 203 205 238	#CBCDEE
33.3%	33.3% #D2CFF1	RGB 210 207 241	#D2CFF1
50.0%	50.0% #DBD4F5	RGB 219 212 245	#DBD4F5
66.7%	66.7% #E4D8F8	RGB 228 216 248	#E4D8F8
83.3%	83.3% #ECDDFB	RGB 236 221 251	#ECDDFB
100.0%	100.0% #F5E2FF	RGB 245 226 255	#F5E2FF

#C7CEEB #CBCDEE #D2CFF1 #DBD4F5 #E4D8F8 #ECDDFB #F5E2FF

#C7CEEB - #DBD4F5 - #F5E2FF

CSS-Codes

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

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