#513BA8 - #CDC7E6 | 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 #513BA8 to #CDC7E6

#513BA8 #CDC7E6

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

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

0.0%	0.0% #513BA8	RGB 81 59 168	#513BA8
16.7%	16.7% #6552B2	RGB 101 82 178	#6552B2
33.3%	33.3% #7A69BC	RGB 122 105 188	#7A69BC
50.0%	50.0% #8F81C7	RGB 143 129 199	#8F81C7
66.7%	66.7% #A398D1	RGB 163 152 209	#A398D1
83.3%	83.3% #B8AFDB	RGB 184 175 219	#B8AFDB
100.0%	100.0% #CDC7E6	RGB 205 199 230	#CDC7E6

#513BA8 #6552B2 #7A69BC #8F81C7 #A398D1 #B8AFDB #CDC7E6

#513BA8 - #CDC7E6

HSV Blend

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

0.0%	0.0% #513BA8	RGB 81 59 168	#513BA8
16.7%	16.7% #624DB2	RGB 98 77 178	#624DB2
33.3%	33.3% #7462BC	RGB 116 98 188	#7462BC
50.0%	50.0% #8879C7	RGB 136 121 199	#8879C7
66.7%	66.7% #9D91D1	RGB 157 145 209	#9D91D1
83.3%	83.3% #B4ABDB	RGB 180 171 219	#B4ABDB
100.0%	100.0% #CDC7E6	RGB 205 199 230	#CDC7E6

#513BA8 #624DB2 #7462BC #8879C7 #9D91D1 #B4ABDB #CDC7E6

#513BA8 - #8879C7 - #CDC7E6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #513BA8 0%, #8879C7 50%, #CDC7E6 100%);
    background: -webkit-linear-gradient(top, #513BA8 0%, #8879C7 50%, #CDC7E6 100%);
    background: linear-gradient(to bottom, #513BA8 0%, #8879C7 50%, #CDC7E6 100%);
}
</style>