#ABC6B1 - #538779 | 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 #ABC6B1 mit #538779

#ABC6B1 #538779

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

#ABC6B1 - #538779 | 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 #ABC6B1 als 0% und #538779 als 100%.

0.0%	0.0% #ABC6B1	RGB 171 198 177	#ABC6B1
16.7%	16.7% #9CBBA7	RGB 156 187 167	#9CBBA7
33.3%	33.3% #8DB19E	RGB 141 177 158	#8DB19E
50.0%	50.0% #7FA695	RGB 127 166 149	#7FA695
66.7%	66.7% #709C8B	RGB 112 156 139	#709C8B
83.3%	83.3% #619182	RGB 97 145 130	#619182
100.0%	100.0% #538779	RGB 83 135 121	#538779

#ABC6B1 #9CBBA7 #8DB19E #7FA695 #709C8B #619182 #538779

#ABC6B1 - #538779

HSV-Mischung

#ABC6B1 - #538779 | 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 #ABC6B1 als 0% und #538779 als 100%.

0.0%	0.0% #ABC6B1	RGB 171 198 177	#ABC6B1
16.7%	16.7% #9ABBA4	RGB 154 187 164	#9ABBA4
33.3%	33.3% #8AB199	RGB 138 177 153	#8AB199
50.0%	50.0% #7BA68F	RGB 123 166 143	#7BA68F
66.7%	66.7% #6C9C87	RGB 108 156 135	#6C9C87
83.3%	83.3% #5F917F	RGB 95 145 127	#5F917F
100.0%	100.0% #538779	RGB 83 135 121	#538779

#ABC6B1 #9ABBA4 #8AB199 #7BA68F #6C9C87 #5F917F #538779

#ABC6B1 - #7BA68F - #538779

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ABC6B1 0%, #7BA68F 50%, #538779 100%);
    background: -webkit-linear-gradient(top, #ABC6B1 0%, #7BA68F 50%, #538779 100%);
    background: linear-gradient(to bottom, #ABC6B1 0%, #7BA68F 50%, #538779 100%);
}
</style>