#E5E6FF - #FFF7FC | 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 #E5E6FF mit #FFF7FC

#E5E6FF #FFF7FC

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

#E5E6FF - #FFF7FC | 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 #E5E6FF als 0% und #FFF7FC als 100%.

0.0%	0.0% #E5E6FF	RGB 229 230 255	#E5E6FF
16.7%	16.7% #E9E8FE	RGB 233 232 254	#E9E8FE
33.3%	33.3% #EDEBFE	RGB 237 235 254	#EDEBFE
50.0%	50.0% #F2EEFD	RGB 242 238 253	#F2EEFD
66.7%	66.7% #F6F1FD	RGB 246 241 253	#F6F1FD
83.3%	83.3% #FAF4FC	RGB 250 244 252	#FAF4FC
100.0%	100.0% #FFF7FC	RGB 255 247 252	#FFF7FC

#E5E6FF #E9E8FE #EDEBFE #F2EEFD #F6F1FD #FAF4FC #FFF7FC

#E5E6FF - #FFF7FC

HSV-Mischung

#E5E6FF - #FFF7FC | 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 #E5E6FF als 0% und #FFF7FC als 100%.

0.0%	0.0% #E5E6FF	RGB 229 230 255	#E5E6FF
16.7%	16.7% #ECE8FF	RGB 236 232 255	#ECE8FF
33.3%	33.3% #F3EBFF	RGB 243 235 255	#F3EBFF
50.0%	50.0% #F9EEFF	RGB 249 238 255	#F9EEFF
66.7%	66.7% #FDF1FF	RGB 253 241 255	#FDF1FF
83.3%	83.3% #FFF4FD	RGB 255 244 253	#FFF4FD
100.0%	100.0% #FFF7FC	RGB 255 247 252	#FFF7FC

#E5E6FF #ECE8FF #F3EBFF #F9EEFF #FDF1FF #FFF4FD #FFF7FC

#E5E6FF - #F9EEFF - #FFF7FC

CSS-Codes

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

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