#EDDEE2 - #ECDFED | 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 #EDDEE2 mit #ECDFED

#EDDEE2 #ECDFED

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

#EDDEE2 - #ECDFED | 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 #EDDEE2 als 0% und #ECDFED als 100%.

0.0%	0.0% #EDDEE2	RGB 237 222 226	#EDDEE2
16.7%	16.7% #ECDEE3	RGB 236 222 227	#ECDEE3
33.3%	33.3% #ECDEE5	RGB 236 222 229	#ECDEE5
50.0%	50.0% #ECDEE7	RGB 236 222 231	#ECDEE7
66.7%	66.7% #ECDEE9	RGB 236 222 233	#ECDEE9
83.3%	83.3% #ECDEEB	RGB 236 222 235	#ECDEEB
100.0%	100.0% #ECDFED	RGB 236 223 237	#ECDFED

#EDDEE2 #ECDEE3 #ECDEE5 #ECDEE7 #ECDEE9 #ECDEEB #ECDFED

#EDDEE2 - #ECDFED

HSV-Mischung

#EDDEE2 - #ECDFED | 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 #EDDEE2 als 0% und #ECDFED als 100%.

0.0%	0.0% #EDDEE2	RGB 237 222 226	#EDDEE2
16.7%	16.7% #EDDEE4	RGB 237 222 228	#EDDEE4
33.3%	33.3% #EDDEE6	RGB 237 222 230	#EDDEE6
50.0%	50.0% #EDDEE8	RGB 237 222 232	#EDDEE8
66.7%	66.7% #EDDEEA	RGB 237 222 234	#EDDEEA
83.3%	83.3% #EDDEEC	RGB 237 222 236	#EDDEEC
100.0%	100.0% #ECDFED	RGB 236 223 237	#ECDFED

#EDDEE2 #EDDEE4 #EDDEE6 #EDDEE8 #EDDEEA #EDDEEC #ECDFED

#EDDEE2 - #EDDEE8 - #ECDFED

CSS-Codes

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

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