#FECEFF - #B46ECB | 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 #FECEFF to #B46ECB

#FECEFF #B46ECB

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

#FECEFF - #B46ECB | 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 #FECEFF as 0% and #B46ECB as 100%.

0.0%	0.0% #FECEFF	RGB 254 206 255	#FECEFF
16.7%	16.7% #F1BEF6	RGB 241 190 246	#F1BEF6
33.3%	33.3% #E5AEED	RGB 229 174 237	#E5AEED
50.0%	50.0% #D99EE5	RGB 217 158 229	#D99EE5
66.7%	66.7% #CC8EDC	RGB 204 142 220	#CC8EDC
83.3%	83.3% #C07ED3	RGB 192 126 211	#C07ED3
100.0%	100.0% #B46ECB	RGB 180 110 203	#B46ECB

#FECEFF #F1BEF6 #E5AEED #D99EE5 #CC8EDC #C07ED3 #B46ECB

#FECEFF - #B46ECB

HSV Blend

#FECEFF - #B46ECB | 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 #FECEFF as 0% and #B46ECB as 100%.

0.0%	0.0% #FECEFF	RGB 254 206 255	#FECEFF
16.7%	16.7% #F2BCF6	RGB 242 188 246	#F2BCF6
33.3%	33.3% #E7AAED	RGB 231 170 237	#E7AAED
50.0%	50.0% #DB9AE5	RGB 219 154 229	#DB9AE5
66.7%	66.7% #CE8ADC	RGB 206 138 220	#CE8ADC
83.3%	83.3% #C17CD3	RGB 193 124 211	#C17CD3
100.0%	100.0% #B46ECB	RGB 180 110 203	#B46ECB

#FECEFF #F2BCF6 #E7AAED #DB9AE5 #CE8ADC #C17CD3 #B46ECB

#FECEFF - #DB9AE5 - #B46ECB

CSS codes

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

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