#FAA4FF - #CE2DCC | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #FAA4FF to #CE2DCC

#FAA4FF #CE2DCC

Calculate the color between two colors, #FAA4FF and #CE2DCC. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#FAA4FF - #CE2DCC | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #FAA4FF as 0% and #CE2DCC as 100%.

0.0%	0.0% #FAA4FF	RGB 250 164 255	#FAA4FF
16.7%	16.7% #F290F6	RGB 242 144 246	#F290F6
33.3%	33.3% #EB7CEE	RGB 235 124 238	#EB7CEE
50.0%	50.0% #E468E5	RGB 228 104 229	#E468E5
66.7%	66.7% #DC54DD	RGB 220 84 221	#DC54DD
83.3%	83.3% #D540D4	RGB 213 64 212	#D540D4
100.0%	100.0% #CE2DCC	RGB 206 45 204	#CE2DCC

#FAA4FF #F290F6 #EB7CEE #E468E5 #DC54DD #D540D4 #CE2DCC

#FAA4FF - #CE2DCC

HSV Blend

#FAA4FF - #CE2DCC | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #FAA4FF as 0% and #CE2DCC as 100%.

0.0%	0.0% #FAA4FF	RGB 250 164 255	#FAA4FF
16.7%	16.7% #F28DF6	RGB 242 141 246	#F28DF6
33.3%	33.3% #EA77EE	RGB 234 119 238	#EA77EE
50.0%	50.0% #E363E6	RGB 227 99 230	#E363E6
66.7%	66.7% #DC50DE	RGB 220 80 222	#DC50DE
83.3%	83.3% #D63DD5	RGB 214 61 213	#D63DD5
100.0%	100.0% #CE2DCC	RGB 206 45 204	#CE2DCC

#FAA4FF #F28DF6 #EA77EE #E363E6 #DC50DE #D63DD5 #CE2DCC

#FAA4FF - #E363E6 - #CE2DCC

CSS codes

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

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