#513BA3 - #CDC7E4 | 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 #CDC7E4

#513BA3 #CDC7E4

Calculate the color between two colors, #513BA3 and #CDC7E4. 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 - #CDC7E4 | 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 #CDC7E4 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% #8F81C3	RGB 143 129 195	#8F81C3
66.7%	66.7% #A398CE	RGB 163 152 206	#A398CE
83.3%	83.3% #B8AFD9	RGB 184 175 217	#B8AFD9
100.0%	100.0% #CDC7E4	RGB 205 199 228	#CDC7E4

#513BA3 #6552AD #7A69B8 #8F81C3 #A398CE #B8AFD9 #CDC7E4

#513BA3 - #CDC7E4

HSV Blend

#513BA3 - #CDC7E4 | 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 #CDC7E4 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% #7462B8	RGB 116 98 184	#7462B8
50.0%	50.0% #8878C3	RGB 136 120 195	#8878C3
66.7%	66.7% #9D90CE	RGB 157 144 206	#9D90CE
83.3%	83.3% #B4ABD9	RGB 180 171 217	#B4ABD9
100.0%	100.0% #CDC7E4	RGB 205 199 228	#CDC7E4

#513BA3 #614DAD #7462B8 #8878C3 #9D90CE #B4ABD9 #CDC7E4

#513BA3 - #8878C3 - #CDC7E4

CSS codes

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

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