#B6BDA7 - #EAECE5 | 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 #B6BDA7 mit #EAECE5

#B6BDA7 #EAECE5

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

#B6BDA7 - #EAECE5 | 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 #B6BDA7 als 0% und #EAECE5 als 100%.

0.0%	0.0% #B6BDA7	RGB 182 189 167	#B6BDA7
16.7%	16.7% #BEC4B1	RGB 190 196 177	#BEC4B1
33.3%	33.3% #C7CCBB	RGB 199 204 187	#C7CCBB
50.0%	50.0% #D0D4C6	RGB 208 212 198	#D0D4C6
66.7%	66.7% #D8DCD0	RGB 216 220 208	#D8DCD0
83.3%	83.3% #E1E4DA	RGB 225 228 218	#E1E4DA
100.0%	100.0% #EAECE5	RGB 234 236 229	#EAECE5

#B6BDA7 #BEC4B1 #C7CCBB #D0D4C6 #D8DCD0 #E1E4DA #EAECE5

#B6BDA7 - #EAECE5

HSV-Mischung

#B6BDA7 - #EAECE5 | 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 #B6BDA7 als 0% und #EAECE5 als 100%.

0.0%	0.0% #B6BDA7	RGB 182 189 167	#B6BDA7
16.7%	16.7% #BEC4B0	RGB 190 196 176	#BEC4B0
33.3%	33.3% #C7CCBA	RGB 199 204 186	#C7CCBA
50.0%	50.0% #CFD4C4	RGB 207 212 196	#CFD4C4
66.7%	66.7% #D8DCCF	RGB 216 220 207	#D8DCCF
83.3%	83.3% #E1E4DA	RGB 225 228 218	#E1E4DA
100.0%	100.0% #EAECE5	RGB 234 236 229	#EAECE5

#B6BDA7 #BEC4B0 #C7CCBA #CFD4C4 #D8DCCF #E1E4DA #EAECE5

#B6BDA7 - #CFD4C4 - #EAECE5

CSS-Codes

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

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