#63518C - #EC8CED | 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 #63518C to #EC8CED

#63518C #EC8CED

Calculate the color between two colors, #63518C and #EC8CED. 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)

#63518C - #EC8CED | 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 #63518C as 0% and #EC8CED as 100%.

0.0%	0.0% #63518C	RGB 99 81 140	#63518C
16.7%	16.7% #795A9C	RGB 121 90 156	#795A9C
33.3%	33.3% #9064AC	RGB 144 100 172	#9064AC
50.0%	50.0% #A76EBC	RGB 167 110 188	#A76EBC
66.7%	66.7% #BE78CC	RGB 190 120 204	#BE78CC
83.3%	83.3% #D582DC	RGB 213 130 220	#D582DC
100.0%	100.0% #EC8CED	RGB 236 140 237	#EC8CED

#63518C #795A9C #9064AC #A76EBC #BE78CC #D582DC #EC8CED

#63518C - #EC8CED

HSV Blend

#63518C - #EC8CED | 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 #63518C as 0% and #EC8CED as 100%.

0.0%	0.0% #63518C	RGB 99 81 140	#63518C
16.7%	16.7% #765A9C	RGB 118 90 156	#765A9C
33.3%	33.3% #8A64AC	RGB 138 100 172	#8A64AC
50.0%	50.0% #A06EBC	RGB 160 110 188	#A06EBC
66.7%	66.7% #B878CC	RGB 184 120 204	#B878CC
83.3%	83.3% #D182DC	RGB 209 130 220	#D182DC
100.0%	100.0% #EC8CED	RGB 236 140 237	#EC8CED

#63518C #765A9C #8A64AC #A06EBC #B878CC #D182DC #EC8CED

#63518C - #A06EBC - #EC8CED

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #63518C 0%, #A06EBC 50%, #EC8CED 100%);
    background: -webkit-linear-gradient(top, #63518C 0%, #A06EBC 50%, #EC8CED 100%);
    background: linear-gradient(to bottom, #63518C 0%, #A06EBC 50%, #EC8CED 100%);
}
</style>