#520044 - #CDB6C8 | 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 #520044 to #CDB6C8

#520044 #CDB6C8

Calculate the color between two colors, #520044 and #CDB6C8. 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)

#520044 - #CDB6C8 | 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 #520044 as 0% and #CDB6C8 as 100%.

0.0%	0.0% #520044	RGB 82 0 68	#520044
16.7%	16.7% #661E5A	RGB 102 30 90	#661E5A
33.3%	33.3% #7B3C70	RGB 123 60 112	#7B3C70
50.0%	50.0% #8F5B86	RGB 143 91 134	#8F5B86
66.7%	66.7% #A4799C	RGB 164 121 156	#A4799C
83.3%	83.3% #B897B2	RGB 184 151 178	#B897B2
100.0%	100.0% #CDB6C8	RGB 205 182 200	#CDB6C8

#520044 #661E5A #7B3C70 #8F5B86 #A4799C #B897B2 #CDB6C8

#520044 - #CDB6C8

HSV Blend

#520044 - #CDB6C8 | 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 #520044 as 0% and #CDB6C8 as 100%.

0.0%	0.0% #520043	RGB 82 0 67	#520043
16.7%	16.7% #660F56	RGB 102 15 86	#660F56
33.3%	33.3% #7B246A	RGB 123 36 106	#7B246A
50.0%	50.0% #8F3F80	RGB 143 63 128	#8F3F80
66.7%	66.7% #A46196	RGB 164 97 150	#A46196
83.3%	83.3% #B888AE	RGB 184 136 174	#B888AE
100.0%	100.0% #CDB6C8	RGB 205 182 200	#CDB6C8

#520043 #660F56 #7B246A #8F3F80 #A46196 #B888AE #CDB6C8

#520044 - #8F3F80 - #CDB6C8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #520043 0%, #8F3F80 50%, #CDB6C8 100%);
    background: -webkit-linear-gradient(top, #520043 0%, #8F3F80 50%, #CDB6C8 100%);
    background: linear-gradient(to bottom, #520043 0%, #8F3F80 50%, #CDB6C8 100%);
}
</style>