#520019 - #CDB6BC | 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 #520019 to #CDB6BC

#520019 #CDB6BC

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

#520019 - #CDB6BC | 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 #520019 as 0% and #CDB6BC as 100%.

0.0%	0.0% #520019	RGB 82 0 25	#520019
16.7%	16.7% #661E34	RGB 102 30 52	#661E34
33.3%	33.3% #7B3C4F	RGB 123 60 79	#7B3C4F
50.0%	50.0% #8F5B6A	RGB 143 91 106	#8F5B6A
66.7%	66.7% #A47985	RGB 164 121 133	#A47985
83.3%	83.3% #B897A0	RGB 184 151 160	#B897A0
100.0%	100.0% #CDB6BC	RGB 205 182 188	#CDB6BC

#520019 #661E34 #7B3C4F #8F5B6A #A47985 #B897A0 #CDB6BC

#520019 - #CDB6BC

HSV Blend

#520019 - #CDB6BC | 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 #520019 as 0% and #CDB6BC as 100%.

0.0%	0.0% #520019	RGB 82 0 25	#520019
16.7%	16.7% #660F29	RGB 102 15 41	#660F29
33.3%	33.3% #7B243D	RGB 123 36 61	#7B243D
50.0%	50.0% #8F3F56	RGB 143 63 86	#8F3F56
66.7%	66.7% #A46173	RGB 164 97 115	#A46173
83.3%	83.3% #B88895	RGB 184 136 149	#B88895
100.0%	100.0% #CDB6BC	RGB 205 182 188	#CDB6BC

#520019 #660F29 #7B243D #8F3F56 #A46173 #B88895 #CDB6BC

#520019 - #8F3F56 - #CDB6BC

CSS codes

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

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