#520013 - #CDB6BB | 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 #520013 to #CDB6BB

#520013 #CDB6BB

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

#520013 - #CDB6BB | 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 #520013 as 0% and #CDB6BB as 100%.

0.0%	0.0% #520013	RGB 82 0 19	#520013
16.7%	16.7% #661E2F	RGB 102 30 47	#661E2F
33.3%	33.3% #7B3C4B	RGB 123 60 75	#7B3C4B
50.0%	50.0% #8F5B67	RGB 143 91 103	#8F5B67
66.7%	66.7% #A47983	RGB 164 121 131	#A47983
83.3%	83.3% #B8979F	RGB 184 151 159	#B8979F
100.0%	100.0% #CDB6BB	RGB 205 182 187	#CDB6BB

#520013 #661E2F #7B3C4B #8F5B67 #A47983 #B8979F #CDB6BB

#520013 - #CDB6BB

HSV Blend

#520013 - #CDB6BB | 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 #520013 as 0% and #CDB6BB as 100%.

0.0%	0.0% #520013	RGB 82 0 19	#520013
16.7%	16.7% #660F23	RGB 102 15 35	#660F23
33.3%	33.3% #7B2438	RGB 123 36 56	#7B2438
50.0%	50.0% #8F3F51	RGB 143 63 81	#8F3F51
66.7%	66.7% #A4616F	RGB 164 97 111	#A4616F
83.3%	83.3% #B88893	RGB 184 136 147	#B88893
100.0%	100.0% #CDB6BB	RGB 205 182 187	#CDB6BB

#520013 #660F23 #7B2438 #8F3F51 #A4616F #B88893 #CDB6BB

#520013 - #8F3F51 - #CDB6BB

CSS codes

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

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