#BCB5D5 - #FFE6D0 | 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 #BCB5D5 to #FFE6D0

#BCB5D5 #FFE6D0

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

#BCB5D5 - #FFE6D0 | 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 #BCB5D5 as 0% and #FFE6D0 as 100%.

0.0%	0.0% #BCB5D5	RGB 188 181 213	#BCB5D5
16.7%	16.7% #C7BDD4	RGB 199 189 212	#C7BDD4
33.3%	33.3% #D2C5D3	RGB 210 197 211	#D2C5D3
50.0%	50.0% #DDCDD2	RGB 221 205 210	#DDCDD2
66.7%	66.7% #E8D5D1	RGB 232 213 209	#E8D5D1
83.3%	83.3% #F3DDD0	RGB 243 221 208	#F3DDD0
100.0%	100.0% #FFE6D0	RGB 255 230 208	#FFE6D0

#BCB5D5 #C7BDD4 #D2C5D3 #DDCDD2 #E8D5D1 #F3DDD0 #FFE6D0

#BCB5D5 - #FFE6D0

HSV Blend

#BCB5D5 - #FFE6D0 | 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 #BCB5D5 as 0% and #FFE6D0 as 100%.

0.0%	0.0% #BCB5D5	RGB 188 181 213	#BCB5D5
16.7%	16.7% #CEB9DC	RGB 206 185 220	#CEB9DC
33.3%	33.3% #E1BEE3	RGB 225 190 227	#E1BEE3
50.0%	50.0% #EAC2DC	RGB 234 194 220	#EAC2DC
66.7%	66.7% #F1C7D3	RGB 241 199 211	#F1C7D3
83.3%	83.3% #F8CFCB	RGB 248 207 203	#F8CFCB
100.0%	100.0% #FFE6D0	RGB 255 230 208	#FFE6D0

#BCB5D5 #CEB9DC #E1BEE3 #EAC2DC #F1C7D3 #F8CFCB #FFE6D0

#BCB5D5 - #EAC2DC - #FFE6D0

CSS codes

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

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