#ACABAA - #E2B5D0 | 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 #ACABAA mit #E2B5D0

#ACABAA #E2B5D0

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

#ACABAA - #E2B5D0 | 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 #ACABAA als 0% und #E2B5D0 als 100%.

0.0%	0.0% #ACABAA	RGB 172 171 170	#ACABAA
16.7%	16.7% #B5ACB0	RGB 181 172 176	#B5ACB0
33.3%	33.3% #BEAEB6	RGB 190 174 182	#BEAEB6
50.0%	50.0% #C7B0BD	RGB 199 176 189	#C7B0BD
66.7%	66.7% #D0B1C3	RGB 208 177 195	#D0B1C3
83.3%	83.3% #D9B3C9	RGB 217 179 201	#D9B3C9
100.0%	100.0% #E2B5D0	RGB 226 181 208	#E2B5D0

#ACABAA #B5ACB0 #BEAEB6 #C7B0BD #D0B1C3 #D9B3C9 #E2B5D0

#ACABAA - #E2B5D0

HSV-Mischung

#ACABAA - #E2B5D0 | 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 #ACABAA als 0% und #E2B5D0 als 100%.

0.0%	0.0% #ACABAA	RGB 172 171 170	#ACABAA
16.7%	16.7% #B5AFAD	RGB 181 175 173	#B5AFAD
33.3%	33.3% #BEB1AF	RGB 190 177 175	#BEB1AF
50.0%	50.0% #C7B2B3	RGB 199 178 179	#C7B2B3
66.7%	66.7% #D0B3BA	RGB 208 179 186	#D0B3BA
83.3%	83.3% #D9B4C3	RGB 217 180 195	#D9B4C3
100.0%	100.0% #E2B5D0	RGB 226 181 208	#E2B5D0

#ACABAA #B5AFAD #BEB1AF #C7B2B3 #D0B3BA #D9B4C3 #E2B5D0

#ACABAA - #C7B2B3 - #E2B5D0

CSS-Codes

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

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