#B9C5E2 - #D4DFDE | 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 #B9C5E2 mit #D4DFDE

#B9C5E2 #D4DFDE

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

#B9C5E2 - #D4DFDE | 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 #B9C5E2 als 0% und #D4DFDE als 100%.

0.0%	0.0% #B9C5E2	RGB 185 197 226	#B9C5E2
16.7%	16.7% #BDC9E1	RGB 189 201 225	#BDC9E1
33.3%	33.3% #C2CDE0	RGB 194 205 224	#C2CDE0
50.0%	50.0% #C6D2E0	RGB 198 210 224	#C6D2E0
66.7%	66.7% #CBD6DF	RGB 203 214 223	#CBD6DF
83.3%	83.3% #CFDADE	RGB 207 218 222	#CFDADE
100.0%	100.0% #D4DFDE	RGB 212 223 222	#D4DFDE

#B9C5E2 #BDC9E1 #C2CDE0 #C6D2E0 #CBD6DF #CFDADE #D4DFDE

#B9C5E2 - #D4DFDE

HSV-Mischung

#B9C5E2 - #D4DFDE | 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 #B9C5E2 als 0% und #D4DFDE als 100%.

0.0%	0.0% #B9C5E2	RGB 185 197 226	#B9C5E2
16.7%	16.7% #BDCCE1	RGB 189 204 225	#BDCCE1
33.3%	33.3% #C2D3E1	RGB 194 211 225	#C2D3E1
50.0%	50.0% #C6D8E0	RGB 198 216 224	#C6D8E0
66.7%	66.7% #CBDCE0	RGB 203 220 224	#CBDCE0
83.3%	83.3% #CFDEDF	RGB 207 222 223	#CFDEDF
100.0%	100.0% #D4DFDE	RGB 212 223 222	#D4DFDE

#B9C5E2 #BDCCE1 #C2D3E1 #C6D8E0 #CBDCE0 #CFDEDF #D4DFDE

#B9C5E2 - #C6D8E0 - #D4DFDE

CSS-Codes

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

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