#BCB7E8 - #EBEAF8 | 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 #BCB7E8 to #EBEAF8

#BCB7E8 #EBEAF8

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

#BCB7E8 - #EBEAF8 | 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 #BCB7E8 as 0% and #EBEAF8 as 100%.

0.0%	0.0% #BCB7E8	RGB 188 183 232	#BCB7E8
16.7%	16.7% #C3BFEA	RGB 195 191 234	#C3BFEA
33.3%	33.3% #CBC8ED	RGB 203 200 237	#CBC8ED
50.0%	50.0% #D3D0F0	RGB 211 208 240	#D3D0F0
66.7%	66.7% #DBD9F2	RGB 219 217 242	#DBD9F2
83.3%	83.3% #E3E1F5	RGB 227 225 245	#E3E1F5
100.0%	100.0% #EBEAF8	RGB 235 234 248	#EBEAF8

#BCB7E8 #C3BFEA #CBC8ED #D3D0F0 #DBD9F2 #E3E1F5 #EBEAF8

#BCB7E8 - #EBEAF8

HSV Blend

#BCB7E8 - #EBEAF8 | 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 #BCB7E8 as 0% and #EBEAF8 as 100%.

0.0%	0.0% #BCB7E8	RGB 188 183 232	#BCB7E8
16.7%	16.7% #C3BFEA	RGB 195 191 234	#C3BFEA
33.3%	33.3% #CAC7ED	RGB 202 199 237	#CAC7ED
50.0%	50.0% #D2CFF0	RGB 210 207 240	#D2CFF0
66.7%	66.7% #DAD8F2	RGB 218 216 242	#DAD8F2
83.3%	83.3% #E2E1F5	RGB 226 225 245	#E2E1F5
100.0%	100.0% #EBEAF8	RGB 235 234 248	#EBEAF8

#BCB7E8 #C3BFEA #CAC7ED #D2CFF0 #DAD8F2 #E2E1F5 #EBEAF8

#BCB7E8 - #D2CFF0 - #EBEAF8

CSS codes

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

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