#BBCAC2 - #EBEFEC | 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 #BBCAC2 mit #EBEFEC

#BBCAC2 #EBEFEC

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

#BBCAC2 - #EBEFEC | 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 #BBCAC2 als 0% und #EBEFEC als 100%.

0.0%	0.0% #BBCAC2	RGB 187 202 194	#BBCAC2
16.7%	16.7% #C3D0C9	RGB 195 208 201	#C3D0C9
33.3%	33.3% #CBD6D0	RGB 203 214 208	#CBD6D0
50.0%	50.0% #D3DCD7	RGB 211 220 215	#D3DCD7
66.7%	66.7% #DBE2DE	RGB 219 226 222	#DBE2DE
83.3%	83.3% #E3E8E5	RGB 227 232 229	#E3E8E5
100.0%	100.0% #EBEFEC	RGB 235 239 236	#EBEFEC

#BBCAC2 #C3D0C9 #CBD6D0 #D3DCD7 #DBE2DE #E3E8E5 #EBEFEC

#BBCAC2 - #EBEFEC

HSV-Mischung

#BBCAC2 - #EBEFEC | 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 #BBCAC2 als 0% und #EBEFEC als 100%.

0.0%	0.0% #BBCAC2	RGB 187 202 194	#BBCAC2
16.7%	16.7% #C2D0C8	RGB 194 208 200	#C2D0C8
33.3%	33.3% #CAD6CF	RGB 202 214 207	#CAD6CF
50.0%	50.0% #D2DCD6	RGB 210 220 214	#D2DCD6
66.7%	66.7% #DAE2DD	RGB 218 226 221	#DAE2DD
83.3%	83.3% #E2E8E4	RGB 226 232 228	#E2E8E4
100.0%	100.0% #EBEFEC	RGB 235 239 236	#EBEFEC

#BBCAC2 #C2D0C8 #CAD6CF #D2DCD6 #DAE2DD #E2E8E4 #EBEFEC

#BBCAC2 - #D2DCD6 - #EBEFEC

CSS-Codes

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

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