#CCABFE - #FFEAF2 | 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 #CCABFE mit #FFEAF2

#CCABFE #FFEAF2

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

#CCABFE - #FFEAF2 | 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 #CCABFE als 0% und #FFEAF2 als 100%.

0.0%	0.0% #CCABFE	RGB 204 171 254	#CCABFE
16.7%	16.7% #D4B5FC	RGB 212 181 252	#D4B5FC
33.3%	33.3% #DDC0FA	RGB 221 192 250	#DDC0FA
50.0%	50.0% #E5CAF8	RGB 229 202 248	#E5CAF8
66.7%	66.7% #EED5F6	RGB 238 213 246	#EED5F6
83.3%	83.3% #F6DFF4	RGB 246 223 244	#F6DFF4
100.0%	100.0% #FFEAF2	RGB 255 234 242	#FFEAF2

#CCABFE #D4B5FC #DDC0FA #E5CAF8 #EED5F6 #F6DFF4 #FFEAF2

#CCABFE - #FFEAF2

HSV-Mischung

#CCABFE - #FFEAF2 | 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 #CCABFE als 0% und #FFEAF2 als 100%.

0.0%	0.0% #CCABFE	RGB 204 171 254	#CCABFE
16.7%	16.7% #E1B5FE	RGB 225 181 254	#E1B5FE
33.3%	33.3% #F2BFFE	RGB 242 191 254	#F2BFFE
50.0%	50.0% #FECAFE	RGB 254 202 254	#FECAFE
66.7%	66.7% #FED4F5	RGB 254 212 245	#FED4F5
83.3%	83.3% #FEDFF1	RGB 254 223 241	#FEDFF1
100.0%	100.0% #FFEAF2	RGB 255 234 242	#FFEAF2

#CCABFE #E1B5FE #F2BFFE #FECAFE #FED4F5 #FEDFF1 #FFEAF2

#CCABFE - #FECAFE - #FFEAF2

CSS-Codes

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

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