#501616 - #CDBCBC | 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 #501616 to #CDBCBC

#501616 #CDBCBC

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

#501616 - #CDBCBC | 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 #501616 as 0% and #CDBCBC as 100%.

0.0%	0.0% #501616	RGB 80 22 22	#501616
16.7%	16.7% #643131	RGB 100 49 49	#643131
33.3%	33.3% #794D4D	RGB 121 77 77	#794D4D
50.0%	50.0% #8E6969	RGB 142 105 105	#8E6969
66.7%	66.7% #A38484	RGB 163 132 132	#A38484
83.3%	83.3% #B8A0A0	RGB 184 160 160	#B8A0A0
100.0%	100.0% #CDBCBC	RGB 205 188 188	#CDBCBC

#501616 #643131 #794D4D #8E6969 #A38484 #B8A0A0 #CDBCBC

#501616 - #CDBCBC

HSV Blend

#501616 - #CDBCBC | 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 #501616 as 0% and #CDBCBC as 100%.

0.0%	0.0% #501515	RGB 80 21 21	#501515
16.7%	16.7% #642626	RGB 100 38 38	#642626
33.3%	33.3% #793B3B	RGB 121 59 59	#793B3B
50.0%	50.0% #8E5454	RGB 142 84 84	#8E5454
66.7%	66.7% #A37272	RGB 163 114 114	#A37272
83.3%	83.3% #B89595	RGB 184 149 149	#B89595
100.0%	100.0% #CDBCBC	RGB 205 188 188	#CDBCBC

#501515 #642626 #793B3B #8E5454 #A37272 #B89595 #CDBCBC

#501616 - #8E5454 - #CDBCBC

CSS codes

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

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