#E5E4F8 - #A58EC3 | 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 #E5E4F8 mit #A58EC3

#E5E4F8 #A58EC3

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

#E5E4F8 - #A58EC3 | 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 #E5E4F8 als 0% und #A58EC3 als 100%.

0.0%	0.0% #E5E4F8	RGB 229 228 248	#E5E4F8
16.7%	16.7% #DAD5EF	RGB 218 213 239	#DAD5EF
33.3%	33.3% #CFC7E6	RGB 207 199 230	#CFC7E6
50.0%	50.0% #C5B9DD	RGB 197 185 221	#C5B9DD
66.7%	66.7% #BAAAD4	RGB 186 170 212	#BAAAD4
83.3%	83.3% #AF9CCB	RGB 175 156 203	#AF9CCB
100.0%	100.0% #A58EC3	RGB 165 142 195	#A58EC3

#E5E4F8 #DAD5EF #CFC7E6 #C5B9DD #BAAAD4 #AF9CCB #A58EC3

#E5E4F8 - #A58EC3

HSV-Mischung

#E5E4F8 - #A58EC3 | 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 #E5E4F8 als 0% und #A58EC3 als 100%.

0.0%	0.0% #E5E4F8	RGB 229 228 248	#E5E4F8
16.7%	16.7% #D7D4EF	RGB 215 212 239	#D7D4EF
33.3%	33.3% #CBC5E6	RGB 203 197 230	#CBC5E6
50.0%	50.0% #BFB6DD	RGB 191 182 221	#BFB6DD
66.7%	66.7% #B5A8D4	RGB 181 168 212	#B5A8D4
83.3%	83.3% #AD9ACB	RGB 173 154 203	#AD9ACB
100.0%	100.0% #A58EC3	RGB 165 142 195	#A58EC3

#E5E4F8 #D7D4EF #CBC5E6 #BFB6DD #B5A8D4 #AD9ACB #A58EC3

#E5E4F8 - #BFB6DD - #A58EC3

CSS-Codes

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

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