#B6B6C2 - #DFD9C7 | 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 #B6B6C2 mit #DFD9C7

#B6B6C2 #DFD9C7

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

#B6B6C2 - #DFD9C7 | 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 #B6B6C2 als 0% und #DFD9C7 als 100%.

0.0%	0.0% #B6B6C2	RGB 182 182 194	#B6B6C2
16.7%	16.7% #BCBBC2	RGB 188 187 194	#BCBBC2
33.3%	33.3% #C3C1C3	RGB 195 193 195	#C3C1C3
50.0%	50.0% #CAC7C4	RGB 202 199 196	#CAC7C4
66.7%	66.7% #D1CDC5	RGB 209 205 197	#D1CDC5
83.3%	83.3% #D8D3C6	RGB 216 211 198	#D8D3C6
100.0%	100.0% #DFD9C7	RGB 223 217 199	#DFD9C7

#B6B6C2 #BCBBC2 #C3C1C3 #CAC7C4 #D1CDC5 #D8D3C6 #DFD9C7

#B6B6C2 - #DFD9C7

HSV-Mischung

#B6B6C2 - #DFD9C7 | 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 #B6B6C2 als 0% und #DFD9C7 als 100%.

0.0%	0.0% #B6B6C2	RGB 182 182 194	#B6B6C2
16.7%	16.7% #BFB9C6	RGB 191 185 198	#BFB9C6
33.3%	33.3% #CABBCB	RGB 202 187 203	#CABBCB
50.0%	50.0% #D0BEC9	RGB 208 190 201	#D0BEC9
66.7%	66.7% #D5C1C4	RGB 213 193 196	#D5C1C4
83.3%	83.3% #DACAC4	RGB 218 202 196	#DACAC4
100.0%	100.0% #DFD9C7	RGB 223 217 199	#DFD9C7

#B6B6C2 #BFB9C6 #CABBCB #D0BEC9 #D5C1C4 #DACAC4 #DFD9C7

#B6B6C2 - #D0BEC9 - #DFD9C7

CSS-Codes

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

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