#ECB5F8 - #ECE6E6 | 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 #ECB5F8 mit #ECE6E6

#ECB5F8 #ECE6E6

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

#ECB5F8 - #ECE6E6 | 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 #ECB5F8 als 0% und #ECE6E6 als 100%.

0.0%	0.0% #ECB5F8	RGB 236 181 248	#ECB5F8
16.7%	16.7% #ECBDF5	RGB 236 189 245	#ECBDF5
33.3%	33.3% #ECC5F2	RGB 236 197 242	#ECC5F2
50.0%	50.0% #ECCDEF	RGB 236 205 239	#ECCDEF
66.7%	66.7% #ECD5EC	RGB 236 213 236	#ECD5EC
83.3%	83.3% #ECDDE9	RGB 236 221 233	#ECDDE9
100.0%	100.0% #ECE6E6	RGB 236 230 230	#ECE6E6

#ECB5F8 #ECBDF5 #ECC5F2 #ECCDEF #ECD5EC #ECDDE9 #ECE6E6

#ECB5F8 - #ECE6E6

HSV-Mischung

#ECB5F8 - #ECE6E6 | 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 #ECB5F8 als 0% und #ECE6E6 als 100%.

0.0%	0.0% #ECB5F8	RGB 236 181 248	#ECB5F8
16.7%	16.7% #F6BDF5	RGB 246 189 245	#F6BDF5
33.3%	33.3% #F4C5EA	RGB 244 197 234	#F4C5EA
50.0%	50.0% #F2CEE3	RGB 242 206 227	#F2CEE3
66.7%	66.7% #F0D6E0	RGB 240 214 224	#F0D6E0
83.3%	83.3% #EEDEE1	RGB 238 222 225	#EEDEE1
100.0%	100.0% #ECE6E6	RGB 236 230 230	#ECE6E6

#ECB5F8 #F6BDF5 #F4C5EA #F2CEE3 #F0D6E0 #EEDEE1 #ECE6E6

#ECB5F8 - #F2CEE3 - #ECE6E6

CSS-Codes

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

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