#8C9A8C - #DFE4A2 | 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 #8C9A8C mit #DFE4A2

#8C9A8C #DFE4A2

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

#8C9A8C - #DFE4A2 | 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 #8C9A8C als 0% und #DFE4A2 als 100%.

0.0%	0.0% #8C9A8C	RGB 140 154 140	#8C9A8C
16.7%	16.7% #99A68F	RGB 153 166 143	#99A68F
33.3%	33.3% #A7B293	RGB 167 178 147	#A7B293
50.0%	50.0% #B5BF97	RGB 181 191 151	#B5BF97
66.7%	66.7% #C3CB9A	RGB 195 203 154	#C3CB9A
83.3%	83.3% #D1D79E	RGB 209 215 158	#D1D79E
100.0%	100.0% #DFE4A2	RGB 223 228 162	#DFE4A2

#8C9A8C #99A68F #A7B293 #B5BF97 #C3CB9A #D1D79E #DFE4A2

#8C9A8C - #DFE4A2

HSV-Mischung

#8C9A8C - #DFE4A2 | 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 #8C9A8C als 0% und #DFE4A2 als 100%.

0.0%	0.0% #8C9A8C	RGB 140 154 140	#8C9A8C
16.7%	16.7% #94A691	RGB 148 166 145	#94A691
33.3%	33.3% #9FB296	RGB 159 178 150	#9FB296
50.0%	50.0% #ABBF9A	RGB 171 191 154	#ABBF9A
66.7%	66.7% #B9CB9D	RGB 185 203 157	#B9CB9D
83.3%	83.3% #CAD7A0	RGB 202 215 160	#CAD7A0
100.0%	100.0% #DFE4A2	RGB 223 228 162	#DFE4A2

#8C9A8C #94A691 #9FB296 #ABBF9A #B9CB9D #CAD7A0 #DFE4A2

#8C9A8C - #ABBF9A - #DFE4A2

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C9A8C 0%, #ABBF9A 50%, #DFE4A2 100%);
    background: -webkit-linear-gradient(top, #8C9A8C 0%, #ABBF9A 50%, #DFE4A2 100%);
    background: linear-gradient(to bottom, #8C9A8C 0%, #ABBF9A 50%, #DFE4A2 100%);
}
</style>