#4C4D23 - #CBCCC0 | 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 #4C4D23 to #CBCCC0

#4C4D23 #CBCCC0

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

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

0.0%	0.0% #4C4D23	RGB 76 77 35	#4C4D23
16.7%	16.7% #61623D	RGB 97 98 61	#61623D
33.3%	33.3% #767757	RGB 118 119 87	#767757
50.0%	50.0% #8B8C71	RGB 139 140 113	#8B8C71
66.7%	66.7% #A0A18B	RGB 160 161 139	#A0A18B
83.3%	83.3% #B5B6A5	RGB 181 182 165	#B5B6A5
100.0%	100.0% #CBCCC0	RGB 203 204 192	#CBCCC0

#4C4D23 #61623D #767757 #8B8C71 #A0A18B #B5B6A5 #CBCCC0

#4C4D23 - #CBCCC0

HSV Blend

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

0.0%	0.0% #4C4D23	RGB 76 77 35	#4C4D23
16.7%	16.7% #606234	RGB 96 98 52	#606234
33.3%	33.3% #757749	RGB 117 119 73	#757749
50.0%	50.0% #8A8C62	RGB 138 140 98	#8A8C62
66.7%	66.7% #9FA17D	RGB 159 161 125	#9FA17D
83.3%	83.3% #B4B69D	RGB 180 182 157	#B4B69D
100.0%	100.0% #CBCCC0	RGB 203 204 192	#CBCCC0

#4C4D23 #606234 #757749 #8A8C62 #9FA17D #B4B69D #CBCCC0

#4C4D23 - #8A8C62 - #CBCCC0

CSS codes

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

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