#451616 - #C9BCBC | 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 #451616 to #C9BCBC

#451616 #C9BCBC

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

#451616 - #C9BCBC | 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 #451616 as 0% and #C9BCBC as 100%.

0.0%	0.0% #451616	RGB 69 22 22	#451616
16.7%	16.7% #5B3131	RGB 91 49 49	#5B3131
33.3%	33.3% #714D4D	RGB 113 77 77	#714D4D
50.0%	50.0% #876969	RGB 135 105 105	#876969
66.7%	66.7% #9D8484	RGB 157 132 132	#9D8484
83.3%	83.3% #B3A0A0	RGB 179 160 160	#B3A0A0
100.0%	100.0% #C9BCBC	RGB 201 188 188	#C9BCBC

#451616 #5B3131 #714D4D #876969 #9D8484 #B3A0A0 #C9BCBC

#451616 - #C9BCBC

HSV Blend

#451616 - #C9BCBC | 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 #451616 as 0% and #C9BCBC as 100%.

0.0%	0.0% #451616	RGB 69 22 22	#451616
16.7%	16.7% #5B2626	RGB 91 38 38	#5B2626
33.3%	33.3% #713B3B	RGB 113 59 59	#713B3B
50.0%	50.0% #875454	RGB 135 84 84	#875454
66.7%	66.7% #9D7272	RGB 157 114 114	#9D7272
83.3%	83.3% #B39595	RGB 179 149 149	#B39595
100.0%	100.0% #C9BCBC	RGB 201 188 188	#C9BCBC

#451616 #5B2626 #713B3B #875454 #9D7272 #B39595 #C9BCBC

#451616 - #875454 - #C9BCBC

CSS codes

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

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