#654C92 - #D3CBDF | 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 #654C92 to #D3CBDF

#654C92 #D3CBDF

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

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

0.0%	0.0% #654C92	RGB 101 76 146	#654C92
16.7%	16.7% #77619E	RGB 119 97 158	#77619E
33.3%	33.3% #8976AB	RGB 137 118 171	#8976AB
50.0%	50.0% #9C8BB8	RGB 156 139 184	#9C8BB8
66.7%	66.7% #AEA0C5	RGB 174 160 197	#AEA0C5
83.3%	83.3% #C0B5D2	RGB 192 181 210	#C0B5D2
100.0%	100.0% #D3CBDF	RGB 211 203 223	#D3CBDF

#654C92 #77619E #8976AB #9C8BB8 #AEA0C5 #C0B5D2 #D3CBDF

#654C92 - #D3CBDF

HSV Blend

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

0.0%	0.0% #654C92	RGB 101 76 146	#654C92
16.7%	16.7% #745C9E	RGB 116 92 158	#745C9E
33.3%	33.3% #856FAB	RGB 133 111 171	#856FAB
50.0%	50.0% #9783B8	RGB 151 131 184	#9783B8
66.7%	66.7% #AA99C5	RGB 170 153 197	#AA99C5
83.3%	83.3% #BEB1D2	RGB 190 177 210	#BEB1D2
100.0%	100.0% #D3CBDF	RGB 211 203 223	#D3CBDF

#654C92 #745C9E #856FAB #9783B8 #AA99C5 #BEB1D2 #D3CBDF

#654C92 - #9783B8 - #D3CBDF

CSS codes

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

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