#4A511E - #CBCDBE | 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 #4A511E to #CBCDBE

#4A511E #CBCDBE

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

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

0.0%	0.0% #4A511E	RGB 74 81 30	#4A511E
16.7%	16.7% #5F6538	RGB 95 101 56	#5F6538
33.3%	33.3% #757A53	RGB 117 122 83	#757A53
50.0%	50.0% #8A8F6E	RGB 138 143 110	#8A8F6E
66.7%	66.7% #A0A388	RGB 160 163 136	#A0A388
83.3%	83.3% #B5B8A3	RGB 181 184 163	#B5B8A3
100.0%	100.0% #CBCDBE	RGB 203 205 190	#CBCDBE

#4A511E #5F6538 #757A53 #8A8F6E #A0A388 #B5B8A3 #CBCDBE

#4A511E - #CBCDBE

HSV Blend

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

0.0%	0.0% #4A511E	RGB 74 81 30	#4A511E
16.7%	16.7% #5E652F	RGB 94 101 47	#5E652F
33.3%	33.3% #727A43	RGB 114 122 67	#727A43
50.0%	50.0% #888F5C	RGB 136 143 92	#888F5C
66.7%	66.7% #9DA379	RGB 157 163 121	#9DA379
83.3%	83.3% #B4B899	RGB 180 184 153	#B4B899
100.0%	100.0% #CBCDBE	RGB 203 205 190	#CBCDBE

#4A511E #5E652F #727A43 #888F5C #9DA379 #B4B899 #CBCDBE

#4A511E - #888F5C - #CBCDBE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4A511E 0%, #888F5C 50%, #CBCDBE 100%);
    background: -webkit-linear-gradient(top, #4A511E 0%, #888F5C 50%, #CBCDBE 100%);
    background: linear-gradient(to bottom, #4A511E 0%, #888F5C 50%, #CBCDBE 100%);
}
</style>