#A59BA1 - #E5E2E3 | 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 #A59BA1 mit #E5E2E3

#A59BA1 #E5E2E3

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

#A59BA1 - #E5E2E3 | 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 #A59BA1 als 0% und #E5E2E3 als 100%.

0.0%	0.0% #A59BA1	RGB 165 155 161	#A59BA1
16.7%	16.7% #AFA6AC	RGB 175 166 172	#AFA6AC
33.3%	33.3% #BAB2B7	RGB 186 178 183	#BAB2B7
50.0%	50.0% #C5BEC2	RGB 197 190 194	#C5BEC2
66.7%	66.7% #CFCACD	RGB 207 202 205	#CFCACD
83.3%	83.3% #DAD6D8	RGB 218 214 216	#DAD6D8
100.0%	100.0% #E5E2E3	RGB 229 226 227	#E5E2E3

#A59BA1 #AFA6AC #BAB2B7 #C5BEC2 #CFCACD #DAD6D8 #E5E2E3

#A59BA1 - #E5E2E3

HSV-Mischung

#A59BA1 - #E5E2E3 | 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 #A59BA1 als 0% und #E5E2E3 als 100%.

0.0%	0.0% #A59BA1	RGB 165 155 161	#A59BA1
16.7%	16.7% #AFA6AB	RGB 175 166 171	#AFA6AB
33.3%	33.3% #BAB1B6	RGB 186 177 182	#BAB1B6
50.0%	50.0% #C5BDC1	RGB 197 189 193	#C5BDC1
66.7%	66.7% #CFC9CC	RGB 207 201 204	#CFC9CC
83.3%	83.3% #DAD5D7	RGB 218 213 215	#DAD5D7
100.0%	100.0% #E5E2E3	RGB 229 226 227	#E5E2E3

#A59BA1 #AFA6AB #BAB1B6 #C5BDC1 #CFC9CC #DAD5D7 #E5E2E3

#A59BA1 - #C5BDC1 - #E5E2E3

CSS-Codes

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

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