#CFAEC1 - #FFCECE | 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 #CFAEC1 mit #FFCECE

#CFAEC1 #FFCECE

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

#CFAEC1 - #FFCECE | 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 #CFAEC1 als 0% und #FFCECE als 100%.

0.0%	0.0% #CFAEC1	RGB 207 174 193	#CFAEC1
16.7%	16.7% #D7B3C3	RGB 215 179 195	#D7B3C3
33.3%	33.3% #DFB8C5	RGB 223 184 197	#DFB8C5
50.0%	50.0% #E7BEC7	RGB 231 190 199	#E7BEC7
66.7%	66.7% #EFC3C9	RGB 239 195 201	#EFC3C9
83.3%	83.3% #F7C8CB	RGB 247 200 203	#F7C8CB
100.0%	100.0% #FFCECE	RGB 255 206 206	#FFCECE

#CFAEC1 #D7B3C3 #DFB8C5 #E7BEC7 #EFC3C9 #F7C8CB #FFCECE

#CFAEC1 - #FFCECE

HSV-Mischung

#CFAEC1 - #FFCECE | 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 #CFAEC1 als 0% und #FFCECE als 100%.

0.0%	0.0% #CFAEC1	RGB 207 174 193	#CFAEC1
16.7%	16.7% #D7B3C4	RGB 215 179 196	#D7B3C4
33.3%	33.3% #DFB9C7	RGB 223 185 199	#DFB9C7
50.0%	50.0% #E7BECA	RGB 231 190 202	#E7BECA
66.7%	66.7% #EFC3CB	RGB 239 195 203	#EFC3CB
83.3%	83.3% #F7C8CD	RGB 247 200 205	#F7C8CD
100.0%	100.0% #FFCECE	RGB 255 206 206	#FFCECE

#CFAEC1 #D7B3C4 #DFB9C7 #E7BECA #EFC3CB #F7C8CD #FFCECE

#CFAEC1 - #E7BECA - #FFCECE

CSS-Codes

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

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