#A8B1A8 - #586B5E | 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 #A8B1A8 mit #586B5E

#A8B1A8 #586B5E

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

#A8B1A8 - #586B5E | 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 #A8B1A8 als 0% und #586B5E als 100%.

0.0%	0.0% #A8B1A8	RGB 168 177 168	#A8B1A8
16.7%	16.7% #9AA59B	RGB 154 165 155	#9AA59B
33.3%	33.3% #8D998F	RGB 141 153 143	#8D998F
50.0%	50.0% #808E83	RGB 128 142 131	#808E83
66.7%	66.7% #728276	RGB 114 130 118	#728276
83.3%	83.3% #65766A	RGB 101 118 106	#65766A
100.0%	100.0% #586B5E	RGB 88 107 94	#586B5E

#A8B1A8 #9AA59B #8D998F #808E83 #728276 #65766A #586B5E

#A8B1A8 - #586B5E

HSV-Mischung

#A8B1A8 - #586B5E | 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 #A8B1A8 als 0% und #586B5E als 100%.

0.0%	0.0% #A8B1A8	RGB 168 177 168	#A8B1A8
16.7%	16.7% #99A59A	RGB 153 165 154	#99A59A
33.3%	33.3% #8B998C	RGB 139 153 140	#8B998C
50.0%	50.0% #7D8E80	RGB 125 142 128	#7D8E80
66.7%	66.7% #708274	RGB 112 130 116	#708274
83.3%	83.3% #647668	RGB 100 118 104	#647668
100.0%	100.0% #586B5E	RGB 88 107 94	#586B5E

#A8B1A8 #99A59A #8B998C #7D8E80 #708274 #647668 #586B5E

#A8B1A8 - #7D8E80 - #586B5E

CSS-Codes

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

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