#4D0404 - #CCB7B7 | 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 #4D0404 to #CCB7B7

#4D0404 #CCB7B7

Calculate the color between two colors, #4D0404 and #CCB7B7. 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)

#4D0404 - #CCB7B7 | 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 #4D0404 as 0% and #CCB7B7 as 100%.

0.0%	0.0% #4D0404	RGB 77 4 4	#4D0404
16.7%	16.7% #622121	RGB 98 33 33	#622121
33.3%	33.3% #773F3F	RGB 119 63 63	#773F3F
50.0%	50.0% #8C5D5D	RGB 140 93 93	#8C5D5D
66.7%	66.7% #A17B7B	RGB 161 123 123	#A17B7B
83.3%	83.3% #B69999	RGB 182 153 153	#B69999
100.0%	100.0% #CCB7B7	RGB 204 183 183	#CCB7B7

#4D0404 #622121 #773F3F #8C5D5D #A17B7B #B69999 #CCB7B7

#4D0404 - #CCB7B7

HSV Blend

#4D0404 - #CCB7B7 | 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 #4D0404 as 0% and #CCB7B7 as 100%.

0.0%	0.0% #4D0404	RGB 77 4 4	#4D0404
16.7%	16.7% #621212	RGB 98 18 18	#621212
33.3%	33.3% #772727	RGB 119 39 39	#772727
50.0%	50.0% #8C4242	RGB 140 66 66	#8C4242
66.7%	66.7% #A16363	RGB 161 99 99	#A16363
83.3%	83.3% #B68A8A	RGB 182 138 138	#B68A8A
100.0%	100.0% #CCB7B7	RGB 204 183 183	#CCB7B7

#4D0404 #621212 #772727 #8C4242 #A16363 #B68A8A #CCB7B7

#4D0404 - #8C4242 - #CCB7B7

CSS codes

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

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