#ECE7EB - #CB99AB | 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 #ECE7EB mit #CB99AB

#ECE7EB #CB99AB

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

#ECE7EB - #CB99AB | 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 #ECE7EB als 0% und #CB99AB als 100%.

0.0%	0.0% #ECE7EB	RGB 236 231 235	#ECE7EB
16.7%	16.7% #E6DAE0	RGB 230 218 224	#E6DAE0
33.3%	33.3% #E1CDD5	RGB 225 205 213	#E1CDD5
50.0%	50.0% #DBC0CB	RGB 219 192 203	#DBC0CB
66.7%	66.7% #D6B3C0	RGB 214 179 192	#D6B3C0
83.3%	83.3% #D0A6B5	RGB 208 166 181	#D0A6B5
100.0%	100.0% #CB99AB	RGB 203 153 171	#CB99AB

#ECE7EB #E6DAE0 #E1CDD5 #DBC0CB #D6B3C0 #D0A6B5 #CB99AB

#ECE7EB - #CB99AB

HSV-Mischung

#ECE7EB - #CB99AB | 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 #ECE7EB als 0% und #CB99AB als 100%.

0.0%	0.0% #ECE7EB	RGB 236 231 235	#ECE7EB
16.7%	16.7% #E6D8E2	RGB 230 216 226	#E6D8E2
33.3%	33.3% #E1CBD9	RGB 225 203 217	#E1CBD9
50.0%	50.0% #DBBECF	RGB 219 190 207	#DBBECF
66.7%	66.7% #D6B1C3	RGB 214 177 195	#D6B1C3
83.3%	83.3% #D0A4B7	RGB 208 164 183	#D0A4B7
100.0%	100.0% #CB99AB	RGB 203 153 171	#CB99AB

#ECE7EB #E6D8E2 #E1CBD9 #DBBECF #D6B1C3 #D0A4B7 #CB99AB

#ECE7EB - #DBBECF - #CB99AB

CSS-Codes

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

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