#BFA8C6 - #ECE6EE | 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 #BFA8C6 to #ECE6EE

#BFA8C6 #ECE6EE

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

#BFA8C6 - #ECE6EE | 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 #BFA8C6 as 0% and #ECE6EE as 100%.

0.0%	0.0% #BFA8C6	RGB 191 168 198	#BFA8C6
16.7%	16.7% #C6B2CC	RGB 198 178 204	#C6B2CC
33.3%	33.3% #CEBCD3	RGB 206 188 211	#CEBCD3
50.0%	50.0% #D5C7DA	RGB 213 199 218	#D5C7DA
66.7%	66.7% #DDD1E0	RGB 221 209 224	#DDD1E0
83.3%	83.3% #E4DBE7	RGB 228 219 231	#E4DBE7
100.0%	100.0% #ECE6EE	RGB 236 230 238	#ECE6EE

#BFA8C6 #C6B2CC #CEBCD3 #D5C7DA #DDD1E0 #E4DBE7 #ECE6EE

#BFA8C6 - #ECE6EE

HSV Blend

#BFA8C6 - #ECE6EE | 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 #BFA8C6 as 0% and #ECE6EE as 100%.

0.0%	0.0% #BFA8C6	RGB 191 168 198	#BFA8C6
16.7%	16.7% #C6B1CC	RGB 198 177 204	#C6B1CC
33.3%	33.3% #CDBBD3	RGB 205 187 211	#CDBBD3
50.0%	50.0% #D5C5DA	RGB 213 197 218	#D5C5DA
66.7%	66.7% #DCD0E0	RGB 220 208 224	#DCD0E0
83.3%	83.3% #E4DBE7	RGB 228 219 231	#E4DBE7
100.0%	100.0% #ECE6EE	RGB 236 230 238	#ECE6EE

#BFA8C6 #C6B1CC #CDBBD3 #D5C5DA #DCD0E0 #E4DBE7 #ECE6EE

#BFA8C6 - #D5C5DA - #ECE6EE

CSS codes

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

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