#AF6DEB - #E3E2FF | 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 #AF6DEB mit #E3E2FF

#AF6DEB #E3E2FF

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

#AF6DEB - #E3E2FF | 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 #AF6DEB als 0% und #E3E2FF als 100%.

0.0%	0.0% #AF6DEB	RGB 175 109 235	#AF6DEB
16.7%	16.7% #B780EE	RGB 183 128 238	#B780EE
33.3%	33.3% #C094F1	RGB 192 148 241	#C094F1
50.0%	50.0% #C9A7F5	RGB 201 167 245	#C9A7F5
66.7%	66.7% #D1BBF8	RGB 209 187 248	#D1BBF8
83.3%	83.3% #DACEFB	RGB 218 206 251	#DACEFB
100.0%	100.0% #E3E2FF	RGB 227 226 255	#E3E2FF

#AF6DEB #B780EE #C094F1 #C9A7F5 #D1BBF8 #DACEFB #E3E2FF

#AF6DEB - #E3E2FF

HSV-Mischung

#AF6DEB - #E3E2FF | 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 #AF6DEB als 0% und #E3E2FF als 100%.

0.0%	0.0% #AF6DEB	RGB 175 109 235	#AF6DEB
16.7%	16.7% #B07FEE	RGB 176 127 238	#B07FEE
33.3%	33.3% #B492F1	RGB 180 146 241	#B492F1
50.0%	50.0% #BBA5F5	RGB 187 165 245	#BBA5F5
66.7%	66.7% #C5B9F8	RGB 197 185 248	#C5B9F8
83.3%	83.3% #D2CDFB	RGB 210 205 251	#D2CDFB
100.0%	100.0% #E3E2FF	RGB 227 226 255	#E3E2FF

#AF6DEB #B07FEE #B492F1 #BBA5F5 #C5B9F8 #D2CDFB #E3E2FF

#AF6DEB - #BBA5F5 - #E3E2FF

CSS-Codes

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

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