#BCD9F3 - #E3E6EB | 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 #BCD9F3 mit #E3E6EB

#BCD9F3 #E3E6EB

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

#BCD9F3 - #E3E6EB | 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 #BCD9F3 als 0% und #E3E6EB als 100%.

0.0%	0.0% #BCD9F3	RGB 188 217 243	#BCD9F3
16.7%	16.7% #C2DBF1	RGB 194 219 241	#C2DBF1
33.3%	33.3% #C9DDF0	RGB 201 221 240	#C9DDF0
50.0%	50.0% #CFDFEF	RGB 207 223 239	#CFDFEF
66.7%	66.7% #D6E1ED	RGB 214 225 237	#D6E1ED
83.3%	83.3% #DCE3EC	RGB 220 227 236	#DCE3EC
100.0%	100.0% #E3E6EB	RGB 227 230 235	#E3E6EB

#BCD9F3 #C2DBF1 #C9DDF0 #CFDFEF #D6E1ED #DCE3EC #E3E6EB

#BCD9F3 - #E3E6EB

HSV-Mischung

#BCD9F3 - #E3E6EB | 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 #BCD9F3 als 0% und #E3E6EB als 100%.

0.0%	0.0% #BCD9F3	RGB 188 217 243	#BCD9F3
16.7%	16.7% #C2DAF1	RGB 194 218 241	#C2DAF1
33.3%	33.3% #C9DBF0	RGB 201 219 240	#C9DBF0
50.0%	50.0% #CFDDEF	RGB 207 221 239	#CFDDEF
66.7%	66.7% #D6E0ED	RGB 214 224 237	#D6E0ED
83.3%	83.3% #DCE2EC	RGB 220 226 236	#DCE2EC
100.0%	100.0% #E3E6EB	RGB 227 230 235	#E3E6EB

#BCD9F3 #C2DAF1 #C9DBF0 #CFDDEF #D6E0ED #DCE2EC #E3E6EB

#BCD9F3 - #CFDDEF - #E3E6EB

CSS-Codes

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

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