#E2E3E8 - #8AA2B0 | 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 #E2E3E8 mit #8AA2B0

#E2E3E8 #8AA2B0

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

#E2E3E8 - #8AA2B0 | 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 #E2E3E8 als 0% und #8AA2B0 als 100%.

0.0%	0.0% #E2E3E8	RGB 226 227 232	#E2E3E8
16.7%	16.7% #D3D8DE	RGB 211 216 222	#D3D8DE
33.3%	33.3% #C4CDD5	RGB 196 205 213	#C4CDD5
50.0%	50.0% #B6C2CC	RGB 182 194 204	#B6C2CC
66.7%	66.7% #A7B7C2	RGB 167 183 194	#A7B7C2
83.3%	83.3% #98ACB9	RGB 152 172 185	#98ACB9
100.0%	100.0% #8AA2B0	RGB 138 162 176	#8AA2B0

#E2E3E8 #D3D8DE #C4CDD5 #B6C2CC #A7B7C2 #98ACB9 #8AA2B0

#E2E3E8 - #8AA2B0

HSV-Mischung

#E2E3E8 - #8AA2B0 | 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 #E2E3E8 als 0% und #8AA2B0 als 100%.

0.0%	0.0% #E2E3E8	RGB 226 227 232	#E2E3E8
16.7%	16.7% #D1D4DE	RGB 209 212 222	#D1D4DE
33.3%	33.3% #C2C8D5	RGB 194 200 213	#C2C8D5
50.0%	50.0% #B3BDCC	RGB 179 189 204	#B3BDCC
66.7%	66.7% #A4B3C2	RGB 164 179 194	#A4B3C2
83.3%	83.3% #97AAB9	RGB 151 170 185	#97AAB9
100.0%	100.0% #8AA2B0	RGB 138 162 176	#8AA2B0

#E2E3E8 #D1D4DE #C2C8D5 #B3BDCC #A4B3C2 #97AAB9 #8AA2B0

#E2E3E8 - #B3BDCC - #8AA2B0

CSS-Codes

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

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