#9FA9AA - #E3E5E6 | 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 #9FA9AA mit #E3E5E6

#9FA9AA #E3E5E6

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

#9FA9AA - #E3E5E6 | 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 #9FA9AA als 0% und #E3E5E6 als 100%.

0.0%	0.0% #9FA9AA	RGB 159 169 170	#9FA9AA
16.7%	16.7% #AAB3B4	RGB 170 179 180	#AAB3B4
33.3%	33.3% #B5BDBE	RGB 181 189 190	#B5BDBE
50.0%	50.0% #C1C7C8	RGB 193 199 200	#C1C7C8
66.7%	66.7% #CCD1D2	RGB 204 209 210	#CCD1D2
83.3%	83.3% #D7DBDC	RGB 215 219 220	#D7DBDC
100.0%	100.0% #E3E5E6	RGB 227 229 230	#E3E5E6

#9FA9AA #AAB3B4 #B5BDBE #C1C7C8 #CCD1D2 #D7DBDC #E3E5E6

#9FA9AA - #E3E5E6

HSV-Mischung

#9FA9AA - #E3E5E6 | 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 #9FA9AA als 0% und #E3E5E6 als 100%.

0.0%	0.0% #9FA9AA	RGB 159 169 170	#9FA9AA
16.7%	16.7% #A9B2B4	RGB 169 178 180	#A9B2B4
33.3%	33.3% #B4BCBE	RGB 180 188 190	#B4BCBE
50.0%	50.0% #C0C6C8	RGB 192 198 200	#C0C6C8
66.7%	66.7% #CBD0D2	RGB 203 208 210	#CBD0D2
83.3%	83.3% #D7DADC	RGB 215 218 220	#D7DADC
100.0%	100.0% #E3E5E6	RGB 227 229 230	#E3E5E6

#9FA9AA #A9B2B4 #B4BCBE #C0C6C8 #CBD0D2 #D7DADC #E3E5E6

#9FA9AA - #C0C6C8 - #E3E5E6

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9FA9AA 0%, #C0C6C8 50%, #E3E5E6 100%);
    background: -webkit-linear-gradient(top, #9FA9AA 0%, #C0C6C8 50%, #E3E5E6 100%);
    background: linear-gradient(to bottom, #9FA9AA 0%, #C0C6C8 50%, #E3E5E6 100%);
}
</style>