#ABC6CB - #5C768C | 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 #ABC6CB mit #5C768C

#ABC6CB #5C768C

Berechnen Sie die Farbe zwischen zwei Farben, #ABC6CB und #5C768C. 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)

#ABC6CB - #5C768C | 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 #ABC6CB als 0% und #5C768C als 100%.

0.0%	0.0% #ABC6CB	RGB 171 198 203	#ABC6CB
16.7%	16.7% #9DB8C0	RGB 157 184 192	#9DB8C0
33.3%	33.3% #90ABB6	RGB 144 171 182	#90ABB6
50.0%	50.0% #839EAB	RGB 131 158 171	#839EAB
66.7%	66.7% #7690A1	RGB 118 144 161	#7690A1
83.3%	83.3% #698396	RGB 105 131 150	#698396
100.0%	100.0% #5C768C	RGB 92 118 140	#5C768C

#ABC6CB #9DB8C0 #90ABB6 #839EAB #7690A1 #698396 #5C768C

#ABC6CB - #5C768C

HSV-Mischung

#ABC6CB - #5C768C | 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 #ABC6CB als 0% und #5C768C als 100%.

0.0%	0.0% #ABC6CB	RGB 171 198 203	#ABC6CB
16.7%	16.7% #9CB9C0	RGB 156 185 192	#9CB9C0
33.3%	33.3% #8EABB6	RGB 142 171 182	#8EABB6
50.0%	50.0% #809EAB	RGB 128 158 171	#809EAB
66.7%	66.7% #7390A1	RGB 115 144 161	#7390A1
83.3%	83.3% #678396	RGB 103 131 150	#678396
100.0%	100.0% #5C768C	RGB 92 118 140	#5C768C

#ABC6CB #9CB9C0 #8EABB6 #809EAB #7390A1 #678396 #5C768C

#ABC6CB - #809EAB - #5C768C

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ABC6CB 0%, #809EAB 50%, #5C768C 100%);
    background: -webkit-linear-gradient(top, #ABC6CB 0%, #809EAB 50%, #5C768C 100%);
    background: linear-gradient(to bottom, #ABC6CB 0%, #809EAB 50%, #5C768C 100%);
}
</style>