#ABC6FF - #4872D6 | 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 #ABC6FF mit #4872D6

#ABC6FF #4872D6

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

#ABC6FF - #4872D6 | 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 #ABC6FF als 0% und #4872D6 als 100%.

0.0%	0.0% #ABC6FF	RGB 171 198 255	#ABC6FF
16.7%	16.7% #9AB8F8	RGB 154 184 248	#9AB8F8
33.3%	33.3% #8AAAF1	RGB 138 170 241	#8AAAF1
50.0%	50.0% #799CEA	RGB 121 156 234	#799CEA
66.7%	66.7% #698EE3	RGB 105 142 227	#698EE3
83.3%	83.3% #5880DC	RGB 88 128 220	#5880DC
100.0%	100.0% #4872D6	RGB 72 114 214	#4872D6

#ABC6FF #9AB8F8 #8AAAF1 #799CEA #698EE3 #5880DC #4872D6

#ABC6FF - #4872D6

HSV-Mischung

#ABC6FF - #4872D6 | 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 #ABC6FF als 0% und #4872D6 als 100%.

0.0%	0.0% #ABC6FF	RGB 171 198 255	#ABC6FF
16.7%	16.7% #98B6F8	RGB 152 182 248	#98B6F8
33.3%	33.3% #86A8F1	RGB 134 168 241	#86A8F1
50.0%	50.0% #769AEA	RGB 118 154 234	#769AEA
66.7%	66.7% #658CE3	RGB 101 140 227	#658CE3
83.3%	83.3% #567EDC	RGB 86 126 220	#567EDC
100.0%	100.0% #4872D6	RGB 72 114 214	#4872D6

#ABC6FF #98B6F8 #86A8F1 #769AEA #658CE3 #567EDC #4872D6

#ABC6FF - #769AEA - #4872D6

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ABC6FF 0%, #769AEA 50%, #4872D6 100%);
    background: -webkit-linear-gradient(top, #ABC6FF 0%, #769AEA 50%, #4872D6 100%);
    background: linear-gradient(to bottom, #ABC6FF 0%, #769AEA 50%, #4872D6 100%);
}
</style>