#BBC2B8 - #DAECCE | 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 #BBC2B8 mit #DAECCE

#BBC2B8 #DAECCE

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

#BBC2B8 - #DAECCE | 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 #BBC2B8 als 0% und #DAECCE als 100%.

0.0%	0.0% #BBC2B8	RGB 187 194 184	#BBC2B8
16.7%	16.7% #C0C9BB	RGB 192 201 187	#C0C9BB
33.3%	33.3% #C5D0BF	RGB 197 208 191	#C5D0BF
50.0%	50.0% #CAD7C3	RGB 202 215 195	#CAD7C3
66.7%	66.7% #CFDEC6	RGB 207 222 198	#CFDEC6
83.3%	83.3% #D4E5CA	RGB 212 229 202	#D4E5CA
100.0%	100.0% #DAECCE	RGB 218 236 206	#DAECCE

#BBC2B8 #C0C9BB #C5D0BF #CAD7C3 #CFDEC6 #D4E5CA #DAECCE

#BBC2B8 - #DAECCE

HSV-Mischung

#BBC2B8 - #DAECCE | 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 #BBC2B8 als 0% und #DAECCE als 100%.

0.0%	0.0% #BBC2B8	RGB 187 194 184	#BBC2B8
16.7%	16.7% #C0C9BC	RGB 192 201 188	#C0C9BC
33.3%	33.3% #C5D0C0	RGB 197 208 192	#C5D0C0
50.0%	50.0% #CAD7C3	RGB 202 215 195	#CAD7C3
66.7%	66.7% #CFDEC7	RGB 207 222 199	#CFDEC7
83.3%	83.3% #D4E5CA	RGB 212 229 202	#D4E5CA
100.0%	100.0% #DAECCE	RGB 218 236 206	#DAECCE

#BBC2B8 #C0C9BC #C5D0C0 #CAD7C3 #CFDEC7 #D4E5CA #DAECCE

#BBC2B8 - #CAD7C3 - #DAECCE

CSS-Codes

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

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