#644C92 - #D2CBDF | 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 #644C92 to #D2CBDF

#644C92 #D2CBDF

Calculate the color between two colors, #644C92 and #D2CBDF. 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)

#644C92 - #D2CBDF | 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 #644C92 as 0% and #D2CBDF as 100%.

0.0%	0.0% #644C92	RGB 100 76 146	#644C92
16.7%	16.7% #76619E	RGB 118 97 158	#76619E
33.3%	33.3% #8876AB	RGB 136 118 171	#8876AB
50.0%	50.0% #9B8BB8	RGB 155 139 184	#9B8BB8
66.7%	66.7% #ADA0C5	RGB 173 160 197	#ADA0C5
83.3%	83.3% #BFB5D2	RGB 191 181 210	#BFB5D2
100.0%	100.0% #D2CBDF	RGB 210 203 223	#D2CBDF

#644C92 #76619E #8876AB #9B8BB8 #ADA0C5 #BFB5D2 #D2CBDF

#644C92 - #D2CBDF

HSV Blend

#644C92 - #D2CBDF | 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 #644C92 as 0% and #D2CBDF as 100%.

0.0%	0.0% #644C92	RGB 100 76 146	#644C92
16.7%	16.7% #735C9E	RGB 115 92 158	#735C9E
33.3%	33.3% #846FAB	RGB 132 111 171	#846FAB
50.0%	50.0% #9683B8	RGB 150 131 184	#9683B8
66.7%	66.7% #A999C5	RGB 169 153 197	#A999C5
83.3%	83.3% #BDB1D2	RGB 189 177 210	#BDB1D2
100.0%	100.0% #D2CBDF	RGB 210 203 223	#D2CBDF

#644C92 #735C9E #846FAB #9683B8 #A999C5 #BDB1D2 #D2CBDF

#644C92 - #9683B8 - #D2CBDF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #644C92 0%, #9683B8 50%, #D2CBDF 100%);
    background: -webkit-linear-gradient(top, #644C92 0%, #9683B8 50%, #D2CBDF 100%);
    background: linear-gradient(to bottom, #644C92 0%, #9683B8 50%, #D2CBDF 100%);
}
</style>