#E8C7FF - #AD60CF | 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 #E8C7FF mit #AD60CF

#E8C7FF #AD60CF

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

#E8C7FF - #AD60CF | 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 #E8C7FF als 0% und #AD60CF als 100%.

0.0%	0.0% #E8C7FF	RGB 232 199 255	#E8C7FF
16.7%	16.7% #DEB5F7	RGB 222 181 247	#DEB5F7
33.3%	33.3% #D4A4EF	RGB 212 164 239	#D4A4EF
50.0%	50.0% #CA93E7	RGB 202 147 231	#CA93E7
66.7%	66.7% #C082DF	RGB 192 130 223	#C082DF
83.3%	83.3% #B671D7	RGB 182 113 215	#B671D7
100.0%	100.0% #AD60CF	RGB 173 96 207	#AD60CF

#E8C7FF #DEB5F7 #D4A4EF #CA93E7 #C082DF #B671D7 #AD60CF

#E8C7FF - #AD60CF

HSV-Mischung

#E8C7FF - #AD60CF | 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 #E8C7FF als 0% und #AD60CF als 100%.

0.0%	0.0% #E8C7FF	RGB 232 199 255	#E8C7FF
16.7%	16.7% #DCB3F7	RGB 220 179 247	#DCB3F7
33.3%	33.3% #D1A1EF	RGB 209 161 239	#D1A1EF
50.0%	50.0% #C78FE7	RGB 199 143 231	#C78FE7
66.7%	66.7% #BE7EDF	RGB 190 126 223	#BE7EDF
83.3%	83.3% #B56FD7	RGB 181 111 215	#B56FD7
100.0%	100.0% #AD60CF	RGB 173 96 207	#AD60CF

#E8C7FF #DCB3F7 #D1A1EF #C78FE7 #BE7EDF #B56FD7 #AD60CF

#E8C7FF - #C78FE7 - #AD60CF

CSS-Codes

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

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