#4D2907 - #CCC2B8 | 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 #4D2907 to #CCC2B8

#4D2907 #CCC2B8

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

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

0.0%	0.0% #4D2907	RGB 77 41 7	#4D2907
16.7%	16.7% #624224	RGB 98 66 36	#624224
33.3%	33.3% #775C42	RGB 119 92 66	#775C42
50.0%	50.0% #8C755F	RGB 140 117 95	#8C755F
66.7%	66.7% #A18F7D	RGB 161 143 125	#A18F7D
83.3%	83.3% #B6A89A	RGB 182 168 154	#B6A89A
100.0%	100.0% #CCC2B8	RGB 204 194 184	#CCC2B8

#4D2907 #624224 #775C42 #8C755F #A18F7D #B6A89A #CCC2B8

#4D2907 - #CCC2B8

HSV Blend

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

0.0%	0.0% #4D2907	RGB 77 41 7	#4D2907
16.7%	16.7% #623B16	RGB 98 59 22	#623B16
33.3%	33.3% #77502B	RGB 119 80 43	#77502B
50.0%	50.0% #8C6845	RGB 140 104 69	#8C6845
66.7%	66.7% #A18366	RGB 161 131 102	#A18366
83.3%	83.3% #B6A18C	RGB 182 161 140	#B6A18C
100.0%	100.0% #CCC2B8	RGB 204 194 184	#CCC2B8

#4D2907 #623B16 #77502B #8C6845 #A18366 #B6A18C #CCC2B8

#4D2907 - #8C6845 - #CCC2B8

CSS codes

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

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