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

#634C92 #D2CBDF

Calculate the color between two colors, #634C92 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)

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

0.0%	0.0% #634C92	RGB 99 76 146	#634C92
16.7%	16.7% #75619E	RGB 117 97 158	#75619E
33.3%	33.3% #8876AB	RGB 136 118 171	#8876AB
50.0%	50.0% #9A8BB8	RGB 154 139 184	#9A8BB8
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

#634C92 #75619E #8876AB #9A8BB8 #ADA0C5 #BFB5D2 #D2CBDF

#634C92 - #D2CBDF

HSV Blend

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

0.0%	0.0% #634C92	RGB 99 76 146	#634C92
16.7%	16.7% #725C9E	RGB 114 92 158	#725C9E
33.3%	33.3% #836FAB	RGB 131 111 171	#836FAB
50.0%	50.0% #9583B8	RGB 149 131 184	#9583B8
66.7%	66.7% #A899C5	RGB 168 153 197	#A899C5
83.3%	83.3% #BCB1D2	RGB 188 177 210	#BCB1D2
100.0%	100.0% #D2CBDF	RGB 210 203 223	#D2CBDF

#634C92 #725C9E #836FAB #9583B8 #A899C5 #BCB1D2 #D2CBDF

#634C92 - #9583B8 - #D2CBDF

CSS codes

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

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