#8DAEC2 - #3F5E7E | 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 #8DAEC2 mit #3F5E7E

#8DAEC2 #3F5E7E

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

#8DAEC2 - #3F5E7E | 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 #8DAEC2 als 0% und #3F5E7E als 100%.

0.0%	0.0% #8DAEC2	RGB 141 174 194	#8DAEC2
16.7%	16.7% #80A0B6	RGB 128 160 182	#80A0B6
33.3%	33.3% #7393AB	RGB 115 147 171	#7393AB
50.0%	50.0% #6686A0	RGB 102 134 160	#6686A0
66.7%	66.7% #597894	RGB 89 120 148	#597894
83.3%	83.3% #4C6B89	RGB 76 107 137	#4C6B89
100.0%	100.0% #3F5E7E	RGB 63 94 126	#3F5E7E

#8DAEC2 #80A0B6 #7393AB #6686A0 #597894 #4C6B89 #3F5E7E

#8DAEC2 - #3F5E7E

HSV-Mischung

#8DAEC2 - #3F5E7E | 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 #8DAEC2 als 0% und #3F5E7E als 100%.

0.0%	0.0% #8DAEC2	RGB 141 174 194	#8DAEC2
16.7%	16.7% #7D9FB6	RGB 125 159 182	#7D9FB6
33.3%	33.3% #6F92AB	RGB 111 146 171	#6F92AB
50.0%	50.0% #6284A0	RGB 98 132 160	#6284A0
66.7%	66.7% #557794	RGB 85 119 148	#557794
83.3%	83.3% #496A89	RGB 73 106 137	#496A89
100.0%	100.0% #3F5E7E	RGB 63 94 126	#3F5E7E

#8DAEC2 #7D9FB6 #6F92AB #6284A0 #557794 #496A89 #3F5E7E

#8DAEC2 - #6284A0 - #3F5E7E

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8DAEC2 0%, #6284A0 50%, #3F5E7E 100%);
    background: -webkit-linear-gradient(top, #8DAEC2 0%, #6284A0 50%, #3F5E7E 100%);
    background: linear-gradient(to bottom, #8DAEC2 0%, #6284A0 50%, #3F5E7E 100%);
}
</style>