#513BA3 - #CCC7E4 | 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 #513BA3 to #CCC7E4

#513BA3 #CCC7E4

Calculate the color between two colors, #513BA3 and #CCC7E4. 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)

#513BA3 - #CCC7E4 | 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 #513BA3 as 0% and #CCC7E4 as 100%.

0.0%	0.0% #513BA3	RGB 81 59 163	#513BA3
16.7%	16.7% #6552AD	RGB 101 82 173	#6552AD
33.3%	33.3% #7A69B8	RGB 122 105 184	#7A69B8
50.0%	50.0% #8E81C3	RGB 142 129 195	#8E81C3
66.7%	66.7% #A398CE	RGB 163 152 206	#A398CE
83.3%	83.3% #B7AFD9	RGB 183 175 217	#B7AFD9
100.0%	100.0% #CCC7E4	RGB 204 199 228	#CCC7E4

#513BA3 #6552AD #7A69B8 #8E81C3 #A398CE #B7AFD9 #CCC7E4

#513BA3 - #CCC7E4

HSV Blend

#513BA3 - #CCC7E4 | 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 #513BA3 as 0% and #CCC7E4 as 100%.

0.0%	0.0% #513BA3	RGB 81 59 163	#513BA3
16.7%	16.7% #614DAD	RGB 97 77 173	#614DAD
33.3%	33.3% #7362B8	RGB 115 98 184	#7362B8
50.0%	50.0% #8778C3	RGB 135 120 195	#8778C3
66.7%	66.7% #9C90CE	RGB 156 144 206	#9C90CE
83.3%	83.3% #B3ABD9	RGB 179 171 217	#B3ABD9
100.0%	100.0% #CCC7E4	RGB 204 199 228	#CCC7E4

#513BA3 #614DAD #7362B8 #8778C3 #9C90CE #B3ABD9 #CCC7E4

#513BA3 - #8778C3 - #CCC7E4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #513BA3 0%, #8778C3 50%, #CCC7E4 100%);
    background: -webkit-linear-gradient(top, #513BA3 0%, #8778C3 50%, #CCC7E4 100%);
    background: linear-gradient(to bottom, #513BA3 0%, #8778C3 50%, #CCC7E4 100%);
}
</style>