#C5ECE2 - #EEF9F6 | 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 #C5ECE2 mit #EEF9F6

#C5ECE2 #EEF9F6

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

#C5ECE2 - #EEF9F6 | 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 #C5ECE2 als 0% und #EEF9F6 als 100%.

0.0%	0.0% #C5ECE2	RGB 197 236 226	#C5ECE2
16.7%	16.7% #CBEEE5	RGB 203 238 229	#CBEEE5
33.3%	33.3% #D2F0E8	RGB 210 240 232	#D2F0E8
50.0%	50.0% #D9F2EC	RGB 217 242 236	#D9F2EC
66.7%	66.7% #E0F4EF	RGB 224 244 239	#E0F4EF
83.3%	83.3% #E7F6F2	RGB 231 246 242	#E7F6F2
100.0%	100.0% #EEF9F6	RGB 238 249 246	#EEF9F6

#C5ECE2 #CBEEE5 #D2F0E8 #D9F2EC #E0F4EF #E7F6F2 #EEF9F6

#C5ECE2 - #EEF9F6

HSV-Mischung

#C5ECE2 - #EEF9F6 | 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 #C5ECE2 als 0% und #EEF9F6 als 100%.

0.0%	0.0% #C5ECE2	RGB 197 236 226	#C5ECE2
16.7%	16.7% #CBEEE5	RGB 203 238 229	#CBEEE5
33.3%	33.3% #D2F0E8	RGB 210 240 232	#D2F0E8
50.0%	50.0% #D9F2EB	RGB 217 242 235	#D9F2EB
66.7%	66.7% #DFF4EF	RGB 223 244 239	#DFF4EF
83.3%	83.3% #E6F6F2	RGB 230 246 242	#E6F6F2
100.0%	100.0% #EEF9F6	RGB 238 249 246	#EEF9F6

#C5ECE2 #CBEEE5 #D2F0E8 #D9F2EB #DFF4EF #E6F6F2 #EEF9F6

#C5ECE2 - #D9F2EB - #EEF9F6

CSS-Codes

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

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