#DEF9FE - #8FBCD3 | 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 #DEF9FE mit #8FBCD3

#DEF9FE #8FBCD3

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

#DEF9FE - #8FBCD3 | 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 #DEF9FE als 0% und #8FBCD3 als 100%.

0.0%	0.0% #DEF9FE	RGB 222 249 254	#DEF9FE
16.7%	16.7% #D0EEF6	RGB 208 238 246	#D0EEF6
33.3%	33.3% #C3E4EF	RGB 195 228 239	#C3E4EF
50.0%	50.0% #B6DAE8	RGB 182 218 232	#B6DAE8
66.7%	66.7% #A9D0E1	RGB 169 208 225	#A9D0E1
83.3%	83.3% #9CC6DA	RGB 156 198 218	#9CC6DA
100.0%	100.0% #8FBCD3	RGB 143 188 211	#8FBCD3

#DEF9FE #D0EEF6 #C3E4EF #B6DAE8 #A9D0E1 #9CC6DA #8FBCD3

#DEF9FE - #8FBCD3

HSV-Mischung

#DEF9FE - #8FBCD3 | 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 #DEF9FE als 0% und #8FBCD3 als 100%.

0.0%	0.0% #DEF9FE	RGB 222 249 254	#DEF9FE
16.7%	16.7% #CFEFF6	RGB 207 239 246	#CFEFF6
33.3%	33.3% #C1E5EF	RGB 193 229 239	#C1E5EF
50.0%	50.0% #B4DBE8	RGB 180 219 232	#B4DBE8
66.7%	66.7% #A7D1E1	RGB 167 209 225	#A7D1E1
83.3%	83.3% #9AC6DA	RGB 154 198 218	#9AC6DA
100.0%	100.0% #8FBCD3	RGB 143 188 211	#8FBCD3

#DEF9FE #CFEFF6 #C1E5EF #B4DBE8 #A7D1E1 #9AC6DA #8FBCD3

#DEF9FE - #B4DBE8 - #8FBCD3

CSS-Codes

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

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