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

#4B511D #CBCDBE

Calculate the color between two colors, #4B511D 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)

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

0.0%	0.0% #4B511D	RGB 75 81 29	#4B511D
16.7%	16.7% #606537	RGB 96 101 55	#606537
33.3%	33.3% #757A52	RGB 117 122 82	#757A52
50.0%	50.0% #8B8F6D	RGB 139 143 109	#8B8F6D
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

#4B511D #606537 #757A52 #8B8F6D #A0A388 #B5B8A3 #CBCDBE

#4B511D - #CBCDBE

HSV Blend

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

0.0%	0.0% #4B511D	RGB 75 81 29	#4B511D
16.7%	16.7% #5F652E	RGB 95 101 46	#5F652E
33.3%	33.3% #737A42	RGB 115 122 66	#737A42
50.0%	50.0% #888F5B	RGB 136 143 91	#888F5B
66.7%	66.7% #9EA378	RGB 158 163 120	#9EA378
83.3%	83.3% #B4B899	RGB 180 184 153	#B4B899
100.0%	100.0% #CBCDBE	RGB 203 205 190	#CBCDBE

#4B511D #5F652E #737A42 #888F5B #9EA378 #B4B899 #CBCDBE

#4B511D - #888F5B - #CBCDBE

CSS codes

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

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