#4D2F07 - #CCC3B8 | 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 #4D2F07 to #CCC3B8

#4D2F07 #CCC3B8

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

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

0.0%	0.0% #4D2F07	RGB 77 47 7	#4D2F07
16.7%	16.7% #624724	RGB 98 71 36	#624724
33.3%	33.3% #776042	RGB 119 96 66	#776042
50.0%	50.0% #8C795F	RGB 140 121 95	#8C795F
66.7%	66.7% #A1917D	RGB 161 145 125	#A1917D
83.3%	83.3% #B6AA9A	RGB 182 170 154	#B6AA9A
100.0%	100.0% #CCC3B8	RGB 204 195 184	#CCC3B8

#4D2F07 #624724 #776042 #8C795F #A1917D #B6AA9A #CCC3B8

#4D2F07 - #CCC3B8

HSV Blend

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

0.0%	0.0% #4D2F07	RGB 77 47 7	#4D2F07
16.7%	16.7% #624116	RGB 98 65 22	#624116
33.3%	33.3% #77562B	RGB 119 86 43	#77562B
50.0%	50.0% #8C6D45	RGB 140 109 69	#8C6D45
66.7%	66.7% #A18766	RGB 161 135 102	#A18766
83.3%	83.3% #B6A38C	RGB 182 163 140	#B6A38C
100.0%	100.0% #CCC3B8	RGB 204 195 184	#CCC3B8

#4D2F07 #624116 #77562B #8C6D45 #A18766 #B6A38C #CCC3B8

#4D2F07 - #8C6D45 - #CCC3B8

CSS codes

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

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