#512B7E - #CCC2DA | 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 #512B7E to #CCC2DA

#512B7E #CCC2DA

Calculate the color between two colors, #512B7E and #CCC2DA. 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)

#512B7E - #CCC2DA | 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 #512B7E as 0% and #CCC2DA as 100%.

0.0%	0.0% #512B7E	RGB 81 43 126	#512B7E
16.7%	16.7% #65448D	RGB 101 68 141	#65448D
33.3%	33.3% #7A5D9C	RGB 122 93 156	#7A5D9C
50.0%	50.0% #8E76AC	RGB 142 118 172	#8E76AC
66.7%	66.7% #A38FBB	RGB 163 143 187	#A38FBB
83.3%	83.3% #B7A8CA	RGB 183 168 202	#B7A8CA
100.0%	100.0% #CCC2DA	RGB 204 194 218	#CCC2DA

#512B7E #65448D #7A5D9C #8E76AC #A38FBB #B7A8CA #CCC2DA

#512B7E - #CCC2DA

HSV Blend

#512B7E - #CCC2DA | 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 #512B7E as 0% and #CCC2DA as 100%.

0.0%	0.0% #512B7E	RGB 81 43 126	#512B7E
16.7%	16.7% #613D8D	RGB 97 61 141	#613D8D
33.3%	33.3% #73529C	RGB 115 82 156	#73529C
50.0%	50.0% #8669AC	RGB 134 105 172	#8669AC
66.7%	66.7% #9C84BB	RGB 156 132 187	#9C84BB
83.3%	83.3% #B3A1CA	RGB 179 161 202	#B3A1CA
100.0%	100.0% #CCC2DA	RGB 204 194 218	#CCC2DA

#512B7E #613D8D #73529C #8669AC #9C84BB #B3A1CA #CCC2DA

#512B7E - #8669AC - #CCC2DA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #512B7E 0%, #8669AC 50%, #CCC2DA 100%);
    background: -webkit-linear-gradient(top, #512B7E 0%, #8669AC 50%, #CCC2DA 100%);
    background: linear-gradient(to bottom, #512B7E 0%, #8669AC 50%, #CCC2DA 100%);
}
</style>