#ECE6F7 - #A895C0 | 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 #ECE6F7 mit #A895C0

#ECE6F7 #A895C0

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

#ECE6F7 - #A895C0 | 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 #ECE6F7 als 0% und #A895C0 als 100%.

0.0%	0.0% #ECE6F7	RGB 236 230 247	#ECE6F7
16.7%	16.7% #E0D8ED	RGB 224 216 237	#E0D8ED
33.3%	33.3% #D5CBE4	RGB 213 203 228	#D5CBE4
50.0%	50.0% #CABDDB	RGB 202 189 219	#CABDDB
66.7%	66.7% #BEB0D2	RGB 190 176 210	#BEB0D2
83.3%	83.3% #B3A2C9	RGB 179 162 201	#B3A2C9
100.0%	100.0% #A895C0	RGB 168 149 192	#A895C0

#ECE6F7 #E0D8ED #D5CBE4 #CABDDB #BEB0D2 #B3A2C9 #A895C0

#ECE6F7 - #A895C0

HSV-Mischung

#ECE6F7 - #A895C0 | 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 #ECE6F7 als 0% und #A895C0 als 100%.

0.0%	0.0% #ECE6F7	RGB 236 230 247	#ECE6F7
16.7%	16.7% #DFD7ED	RGB 223 215 237	#DFD7ED
33.3%	33.3% #D3C9E4	RGB 211 201 228	#D3C9E4
50.0%	50.0% #C8BBDB	RGB 200 187 219	#C8BBDB
66.7%	66.7% #BDAED2	RGB 189 174 210	#BDAED2
83.3%	83.3% #B2A1C9	RGB 178 161 201	#B2A1C9
100.0%	100.0% #A895C0	RGB 168 149 192	#A895C0

#ECE6F7 #DFD7ED #D3C9E4 #C8BBDB #BDAED2 #B2A1C9 #A895C0

#ECE6F7 - #C8BBDB - #A895C0

CSS-Codes

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

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