#B058CA - #E8CFEF | 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 #B058CA to #E8CFEF

#B058CA #E8CFEF

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

#B058CA - #E8CFEF | 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 #B058CA as 0% and #E8CFEF as 100%.

0.0%	0.0% #B058CA	RGB 176 88 202	#B058CA
16.7%	16.7% #B96BD0	RGB 185 107 208	#B96BD0
33.3%	33.3% #C27FD6	RGB 194 127 214	#C27FD6
50.0%	50.0% #CC93DC	RGB 204 147 220	#CC93DC
66.7%	66.7% #D5A7E2	RGB 213 167 226	#D5A7E2
83.3%	83.3% #DEBBE8	RGB 222 187 232	#DEBBE8
100.0%	100.0% #E8CFEF	RGB 232 207 239	#E8CFEF

#B058CA #B96BD0 #C27FD6 #CC93DC #D5A7E2 #DEBBE8 #E8CFEF

#B058CA - #E8CFEF

HSV Blend

#B058CA - #E8CFEF | 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 #B058CA as 0% and #E8CFEF as 100%.

0.0%	0.0% #B058CA	RGB 176 88 202	#B058CA
16.7%	16.7% #B869D0	RGB 184 105 208	#B869D0
33.3%	33.3% #C27CD6	RGB 194 124 214	#C27CD6
50.0%	50.0% #CB8FDC	RGB 203 143 220	#CB8FDC
66.7%	66.7% #D4A3E2	RGB 212 163 226	#D4A3E2
83.3%	83.3% #DEB8E8	RGB 222 184 232	#DEB8E8
100.0%	100.0% #E8CFEF	RGB 232 207 239	#E8CFEF

#B058CA #B869D0 #C27CD6 #CB8FDC #D4A3E2 #DEB8E8 #E8CFEF

#B058CA - #CB8FDC - #E8CFEF

CSS codes

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

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