#9FDDF2 - #ECE4E5 | 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 #9FDDF2 mit #ECE4E5

#9FDDF2 #ECE4E5

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

#9FDDF2 - #ECE4E5 | 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 #9FDDF2 als 0% und #ECE4E5 als 100%.

0.0%	0.0% #9FDDF2	RGB 159 221 242	#9FDDF2
16.7%	16.7% #ABDEEF	RGB 171 222 239	#ABDEEF
33.3%	33.3% #B8DFED	RGB 184 223 237	#B8DFED
50.0%	50.0% #C5E0EB	RGB 197 224 235	#C5E0EB
66.7%	66.7% #D2E1E9	RGB 210 225 233	#D2E1E9
83.3%	83.3% #DFE2E7	RGB 223 226 231	#DFE2E7
100.0%	100.0% #ECE4E5	RGB 236 228 229	#ECE4E5

#9FDDF2 #ABDEEF #B8DFED #C5E0EB #D2E1E9 #DFE2E7 #ECE4E5

#9FDDF2 - #ECE4E5

HSV-Mischung

#9FDDF2 - #ECE4E5 | 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 #9FDDF2 als 0% und #ECE4E5 als 100%.

0.0%	0.0% #9FDDF2	RGB 159 221 242	#9FDDF2
16.7%	16.7% #AAC0F1	RGB 170 192 241	#AAC0F1
33.3%	33.3% #BDB6F0	RGB 189 182 240	#BDB6F0
50.0%	50.0% #DBC1EF	RGB 219 193 239	#DBC1EF
66.7%	66.7% #EECDED	RGB 238 205 237	#EECDED
83.3%	83.3% #EDD8E4	RGB 237 216 228	#EDD8E4
100.0%	100.0% #ECE4E5	RGB 236 228 229	#ECE4E5

#9FDDF2 #AAC0F1 #BDB6F0 #DBC1EF #EECDED #EDD8E4 #ECE4E5

#9FDDF2 - #DBC1EF - #ECE4E5

CSS-Codes

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

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