#3E58A1 - #8DA3C7 | 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 #3E58A1 mit #8DA3C7

#3E58A1 #8DA3C7

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

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

0.0%	0.0% #3E58A1	RGB 62 88 161	#3E58A1
16.7%	16.7% #4B64A7	RGB 75 100 167	#4B64A7
33.3%	33.3% #5871AD	RGB 88 113 173	#5871AD
50.0%	50.0% #657DB4	RGB 101 125 180	#657DB4
66.7%	66.7% #728ABA	RGB 114 138 186	#728ABA
83.3%	83.3% #7F96C0	RGB 127 150 192	#7F96C0
100.0%	100.0% #8DA3C7	RGB 141 163 199	#8DA3C7

#3E58A1 #4B64A7 #5871AD #657DB4 #728ABA #7F96C0 #8DA3C7

#3E58A1 - #8DA3C7

HSV-Mischung

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

0.0%	0.0% #3E58A1	RGB 62 88 161	#3E58A1
16.7%	16.7% #4963A7	RGB 73 99 167	#4963A7
33.3%	33.3% #5570AD	RGB 85 112 173	#5570AD
50.0%	50.0% #627CB4	RGB 98 124 180	#627CB4
66.7%	66.7% #6F89BA	RGB 111 137 186	#6F89BA
83.3%	83.3% #7E96C0	RGB 126 150 192	#7E96C0
100.0%	100.0% #8DA3C7	RGB 141 163 199	#8DA3C7

#3E58A1 #4963A7 #5570AD #627CB4 #6F89BA #7E96C0 #8DA3C7

#3E58A1 - #627CB4 - #8DA3C7

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E58A1 0%, #627CB4 50%, #8DA3C7 100%);
    background: -webkit-linear-gradient(top, #3E58A1 0%, #627CB4 50%, #8DA3C7 100%);
    background: linear-gradient(to bottom, #3E58A1 0%, #627CB4 50%, #8DA3C7 100%);
}
</style>