#B02FBC - #E8C3EB | 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 #B02FBC to #E8C3EB

#B02FBC #E8C3EB

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

#B02FBC - #E8C3EB | 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 #B02FBC as 0% and #E8C3EB as 100%.

0.0%	0.0% #B02FBC	RGB 176 47 188	#B02FBC
16.7%	16.7% #B947C3	RGB 185 71 195	#B947C3
33.3%	33.3% #C260CB	RGB 194 96 203	#C260CB
50.0%	50.0% #CC79D3	RGB 204 121 211	#CC79D3
66.7%	66.7% #D591DB	RGB 213 145 219	#D591DB
83.3%	83.3% #DEAAE3	RGB 222 170 227	#DEAAE3
100.0%	100.0% #E8C3EB	RGB 232 195 235	#E8C3EB

#B02FBC #B947C3 #C260CB #CC79D3 #D591DB #DEAAE3 #E8C3EB

#B02FBC - #E8C3EB

HSV Blend

#B02FBC - #E8C3EB | 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 #B02FBC as 0% and #E8C3EB as 100%.

0.0%	0.0% #B02FBC	RGB 176 47 188	#B02FBC
16.7%	16.7% #B943C3	RGB 185 67 195	#B943C3
33.3%	33.3% #C25ACB	RGB 194 90 203	#C25ACB
50.0%	50.0% #CB72D3	RGB 203 114 211	#CB72D3
66.7%	66.7% #D58BDB	RGB 213 139 219	#D58BDB
83.3%	83.3% #DEA6E3	RGB 222 166 227	#DEA6E3
100.0%	100.0% #E8C3EB	RGB 232 195 235	#E8C3EB

#B02FBC #B943C3 #C25ACB #CB72D3 #D58BDB #DEA6E3 #E8C3EB

#B02FBC - #CB72D3 - #E8C3EB

CSS codes

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

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