#41468D - #878DB5 | 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 #41468D mit #878DB5

#41468D #878DB5

Berechnen Sie die Farbe zwischen zwei Farben, #41468D und #878DB5. 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)

#41468D - #878DB5 | 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 #41468D als 0% und #878DB5 als 100%.

0.0%	0.0% #41468D	RGB 65 70 141	#41468D
16.7%	16.7% #4C5193	RGB 76 81 147	#4C5193
33.3%	33.3% #585D9A	RGB 88 93 154	#585D9A
50.0%	50.0% #6469A1	RGB 100 105 161	#6469A1
66.7%	66.7% #6F75A7	RGB 111 117 167	#6F75A7
83.3%	83.3% #7B81AE	RGB 123 129 174	#7B81AE
100.0%	100.0% #878DB5	RGB 135 141 181	#878DB5

#41468D #4C5193 #585D9A #6469A1 #6F75A7 #7B81AE #878DB5

#41468D - #878DB5

HSV-Mischung

#41468D - #878DB5 | 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 #41468D als 0% und #878DB5 als 100%.

0.0%	0.0% #41468D	RGB 65 70 141	#41468D
16.7%	16.7% #4B5093	RGB 75 80 147	#4B5093
33.3%	33.3% #555B9A	RGB 85 91 154	#555B9A
50.0%	50.0% #6167A1	RGB 97 103 161	#6167A1
66.7%	66.7% #6D73A7	RGB 109 115 167	#6D73A7
83.3%	83.3% #7980AE	RGB 121 128 174	#7980AE
100.0%	100.0% #878DB5	RGB 135 141 181	#878DB5

#41468D #4B5093 #555B9A #6167A1 #6D73A7 #7980AE #878DB5

#41468D - #6167A1 - #878DB5

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #41468D 0%, #6167A1 50%, #878DB5 100%);
    background: -webkit-linear-gradient(top, #41468D 0%, #6167A1 50%, #878DB5 100%);
    background: linear-gradient(to bottom, #41468D 0%, #6167A1 50%, #878DB5 100%);
}
</style>