#FCF2FF - #B7AECA | 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 #FCF2FF to #B7AECA

#FCF2FF #B7AECA

Calculate the color between two colors, #FCF2FF and #B7AECA. 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)

#FCF2FF - #B7AECA | 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 #FCF2FF as 0% and #B7AECA as 100%.

0.0%	0.0% #FCF2FF	RGB 252 242 255	#FCF2FF
16.7%	16.7% #F0E6F6	RGB 240 230 246	#F0E6F6
33.3%	33.3% #E5DBED	RGB 229 219 237	#E5DBED
50.0%	50.0% #D9D0E4	RGB 217 208 228	#D9D0E4
66.7%	66.7% #CEC4DB	RGB 206 196 219	#CEC4DB
83.3%	83.3% #C2B9D2	RGB 194 185 210	#C2B9D2
100.0%	100.0% #B7AECA	RGB 183 174 202	#B7AECA

#FCF2FF #F0E6F6 #E5DBED #D9D0E4 #CEC4DB #C2B9D2 #B7AECA

#FCF2FF - #B7AECA

HSV Blend

#FCF2FF - #B7AECA | 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 #FCF2FF as 0% and #B7AECA as 100%.

0.0%	0.0% #FCF2FF	RGB 252 242 255	#FCF2FF
16.7%	16.7% #F1E6F6	RGB 241 230 246	#F1E6F6
33.3%	33.3% #E6DAED	RGB 230 218 237	#E6DAED
50.0%	50.0% #DACEE4	RGB 218 206 228	#DACEE4
66.7%	66.7% #CEC3DB	RGB 206 195 219	#CEC3DB
83.3%	83.3% #C3B8D2	RGB 195 184 210	#C3B8D2
100.0%	100.0% #B7AECA	RGB 183 174 202	#B7AECA

#FCF2FF #F1E6F6 #E6DAED #DACEE4 #CEC3DB #C3B8D2 #B7AECA

#FCF2FF - #DACEE4 - #B7AECA

CSS codes

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

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