#A8A9A8 - #5E5953 | 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 #A8A9A8 mit #5E5953

#A8A9A8 #5E5953

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

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

0.0%	0.0% #A8A9A8	RGB 168 169 168	#A8A9A8
16.7%	16.7% #9B9B99	RGB 155 155 153	#9B9B99
33.3%	33.3% #8F8E8B	RGB 143 142 139	#8F8E8B
50.0%	50.0% #83817D	RGB 131 129 125	#83817D
66.7%	66.7% #76736F	RGB 118 115 111	#76736F
83.3%	83.3% #6A6661	RGB 106 102 97	#6A6661
100.0%	100.0% #5E5953	RGB 94 89 83	#5E5953

#A8A9A8 #9B9B99 #8F8E8B #83817D #76736F #6A6661 #5E5953

#A8A9A8 - #5E5953

HSV-Mischung

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

0.0%	0.0% #A8A9A8	RGB 168 169 168	#A8A9A8
16.7%	16.7% #999C98	RGB 153 156 152	#999C98
33.3%	33.3% #8C9089	RGB 140 144 137	#8C9089
50.0%	50.0% #81837B	RGB 129 131 123	#81837B
66.7%	66.7% #76776D	RGB 118 119 109	#76776D
83.3%	83.3% #6A6860	RGB 106 104 96	#6A6860
100.0%	100.0% #5E5953	RGB 94 89 83	#5E5953

#A8A9A8 #999C98 #8C9089 #81837B #76776D #6A6860 #5E5953

#A8A9A8 - #81837B - #5E5953

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8A9A8 0%, #81837B 50%, #5E5953 100%);
    background: -webkit-linear-gradient(top, #A8A9A8 0%, #81837B 50%, #5E5953 100%);
    background: linear-gradient(to bottom, #A8A9A8 0%, #81837B 50%, #5E5953 100%);
}
</style>