#BBCFC1 - #D3E6C5 | 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 #BBCFC1 mit #D3E6C5

#BBCFC1 #D3E6C5

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

#BBCFC1 - #D3E6C5 | 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 #BBCFC1 als 0% und #D3E6C5 als 100%.

0.0%	0.0% #BBCFC1	RGB 187 207 193	#BBCFC1
16.7%	16.7% #BFD2C1	RGB 191 210 193	#BFD2C1
33.3%	33.3% #C3D6C2	RGB 195 214 194	#C3D6C2
50.0%	50.0% #C7DAC3	RGB 199 218 195	#C7DAC3
66.7%	66.7% #CBDEC3	RGB 203 222 195	#CBDEC3
83.3%	83.3% #CFE2C4	RGB 207 226 196	#CFE2C4
100.0%	100.0% #D3E6C5	RGB 211 230 197	#D3E6C5

#BBCFC1 #BFD2C1 #C3D6C2 #C7DAC3 #CBDEC3 #CFE2C4 #D3E6C5

#BBCFC1 - #D3E6C5

HSV-Mischung

#BBCFC1 - #D3E6C5 | 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 #BBCFC1 als 0% und #D3E6C5 als 100%.

0.0%	0.0% #BBCFC1	RGB 187 207 193	#BBCFC1
16.7%	16.7% #BCD2C0	RGB 188 210 192	#BCD2C0
33.3%	33.3% #BED6BF	RGB 190 214 191	#BED6BF
50.0%	50.0% #C1DAC0	RGB 193 218 192	#C1DAC0
66.7%	66.7% #C7DEC1	RGB 199 222 193	#C7DEC1
83.3%	83.3% #CCE2C3	RGB 204 226 195	#CCE2C3
100.0%	100.0% #D3E6C5	RGB 211 230 197	#D3E6C5

#BBCFC1 #BCD2C0 #BED6BF #C1DAC0 #C7DEC1 #CCE2C3 #D3E6C5

#BBCFC1 - #C1DAC0 - #D3E6C5

CSS-Codes

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

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