#8C92AC - #D3C7BA | 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 #8C92AC mit #D3C7BA

#8C92AC #D3C7BA

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

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

0.0%	0.0% #8C92AC	RGB 140 146 172	#8C92AC
16.7%	16.7% #979AAE	RGB 151 154 174	#979AAE
33.3%	33.3% #A3A3B0	RGB 163 163 176	#A3A3B0
50.0%	50.0% #AFACB3	RGB 175 172 179	#AFACB3
66.7%	66.7% #BBB5B5	RGB 187 181 181	#BBB5B5
83.3%	83.3% #C7BEB7	RGB 199 190 183	#C7BEB7
100.0%	100.0% #D3C7BA	RGB 211 199 186	#D3C7BA

#8C92AC #979AAE #A3A3B0 #AFACB3 #BBB5B5 #C7BEB7 #D3C7BA

#8C92AC - #D3C7BA

HSV-Mischung

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

0.0%	0.0% #8C92AC	RGB 140 146 172	#8C92AC
16.7%	16.7% #9B93B2	RGB 155 147 178	#9B93B2
33.3%	33.3% #B09AB9	RGB 176 154 185	#B09AB9
50.0%	50.0% #BFA2BA	RGB 191 162 186	#BFA2BA
66.7%	66.7% #C6AAB4	RGB 198 170 180	#C6AAB4
83.3%	83.3% #CCB3B1	RGB 204 179 177	#CCB3B1
100.0%	100.0% #D3C7BA	RGB 211 199 186	#D3C7BA

#8C92AC #9B93B2 #B09AB9 #BFA2BA #C6AAB4 #CCB3B1 #D3C7BA

#8C92AC - #BFA2BA - #D3C7BA

CSS-Codes

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

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