#4D0408 - #CCB7B8 | 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 #4D0408 to #CCB7B8

#4D0408 #CCB7B8

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

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

0.0%	0.0% #4D0408	RGB 77 4 8	#4D0408
16.7%	16.7% #622125	RGB 98 33 37	#622125
33.3%	33.3% #773F42	RGB 119 63 66	#773F42
50.0%	50.0% #8C5D60	RGB 140 93 96	#8C5D60
66.7%	66.7% #A17B7D	RGB 161 123 125	#A17B7D
83.3%	83.3% #B6999A	RGB 182 153 154	#B6999A
100.0%	100.0% #CCB7B8	RGB 204 183 184	#CCB7B8

#4D0408 #622125 #773F42 #8C5D60 #A17B7D #B6999A #CCB7B8

#4D0408 - #CCB7B8

HSV Blend

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

0.0%	0.0% #4D0408	RGB 77 4 8	#4D0408
16.7%	16.7% #621217	RGB 98 18 23	#621217
33.3%	33.3% #77272B	RGB 119 39 43	#77272B
50.0%	50.0% #8C4246	RGB 140 66 70	#8C4246
66.7%	66.7% #A16366	RGB 161 99 102	#A16366
83.3%	83.3% #B68A8C	RGB 182 138 140	#B68A8C
100.0%	100.0% #CCB7B8	RGB 204 183 184	#CCB7B8

#4D0408 #621217 #77272B #8C4246 #A16366 #B68A8C #CCB7B8

#4D0408 - #8C4246 - #CCB7B8

CSS codes

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

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