#642FBC - #D3C3EB | 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 #642FBC to #D3C3EB

#642FBC #D3C3EB

Calculate the color between two colors, #642FBC and #D3C3EB. 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)

#642FBC - #D3C3EB | 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 #642FBC as 0% and #D3C3EB as 100%.

0.0%	0.0% #642FBC	RGB 100 47 188	#642FBC
16.7%	16.7% #7647C3	RGB 118 71 195	#7647C3
33.3%	33.3% #8960CB	RGB 137 96 203	#8960CB
50.0%	50.0% #9B79D3	RGB 155 121 211	#9B79D3
66.7%	66.7% #AE91DB	RGB 174 145 219	#AE91DB
83.3%	83.3% #C0AAE3	RGB 192 170 227	#C0AAE3
100.0%	100.0% #D3C3EB	RGB 211 195 235	#D3C3EB

#642FBC #7647C3 #8960CB #9B79D3 #AE91DB #C0AAE3 #D3C3EB

#642FBC - #D3C3EB

HSV Blend

#642FBC - #D3C3EB | 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 #642FBC as 0% and #D3C3EB as 100%.

0.0%	0.0% #642FBC	RGB 100 47 188	#642FBC
16.7%	16.7% #7443C3	RGB 116 67 195	#7443C3
33.3%	33.3% #855ACB	RGB 133 90 203	#855ACB
50.0%	50.0% #9772D3	RGB 151 114 211	#9772D3
66.7%	66.7% #AA8BDB	RGB 170 139 219	#AA8BDB
83.3%	83.3% #BEA6E3	RGB 190 166 227	#BEA6E3
100.0%	100.0% #D3C3EB	RGB 211 195 235	#D3C3EB

#642FBC #7443C3 #855ACB #9772D3 #AA8BDB #BEA6E3 #D3C3EB

#642FBC - #9772D3 - #D3C3EB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #642FBC 0%, #9772D3 50%, #D3C3EB 100%);
    background: -webkit-linear-gradient(top, #642FBC 0%, #9772D3 50%, #D3C3EB 100%);
    background: linear-gradient(to bottom, #642FBC 0%, #9772D3 50%, #D3C3EB 100%);
}
</style>