#BCB5ED - #EBE9F9 | 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 #BCB5ED to #EBE9F9

#BCB5ED #EBE9F9

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

#BCB5ED - #EBE9F9 | 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 #BCB5ED as 0% and #EBE9F9 as 100%.

0.0%	0.0% #BCB5ED	RGB 188 181 237	#BCB5ED
16.7%	16.7% #C3BDEF	RGB 195 189 239	#C3BDEF
33.3%	33.3% #CBC6F1	RGB 203 198 241	#CBC6F1
50.0%	50.0% #D3CFF3	RGB 211 207 243	#D3CFF3
66.7%	66.7% #DBD7F5	RGB 219 215 245	#DBD7F5
83.3%	83.3% #E3E0F7	RGB 227 224 247	#E3E0F7
100.0%	100.0% #EBE9F9	RGB 235 233 249	#EBE9F9

#BCB5ED #C3BDEF #CBC6F1 #D3CFF3 #DBD7F5 #E3E0F7 #EBE9F9

#BCB5ED - #EBE9F9

HSV Blend

#BCB5ED - #EBE9F9 | 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 #BCB5ED as 0% and #EBE9F9 as 100%.

0.0%	0.0% #BCB5ED	RGB 188 181 237	#BCB5ED
16.7%	16.7% #C3BDEF	RGB 195 189 239	#C3BDEF
33.3%	33.3% #CBC5F1	RGB 203 197 241	#CBC5F1
50.0%	50.0% #D3CEF3	RGB 211 206 243	#D3CEF3
66.7%	66.7% #DAD7F5	RGB 218 215 245	#DAD7F5
83.3%	83.3% #E2E0F7	RGB 226 224 247	#E2E0F7
100.0%	100.0% #EBE9F9	RGB 235 233 249	#EBE9F9

#BCB5ED #C3BDEF #CBC5F1 #D3CEF3 #DAD7F5 #E2E0F7 #EBE9F9

#BCB5ED - #D3CEF3 - #EBE9F9

CSS codes

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

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