#4D4D10 - #CCCCBA | 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 #4D4D10 to #CCCCBA

#4D4D10 #CCCCBA

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

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

0.0%	0.0% #4D4D10	RGB 77 77 16	#4D4D10
16.7%	16.7% #62622C	RGB 98 98 44	#62622C
33.3%	33.3% #777748	RGB 119 119 72	#777748
50.0%	50.0% #8C8C65	RGB 140 140 101	#8C8C65
66.7%	66.7% #A1A181	RGB 161 161 129	#A1A181
83.3%	83.3% #B6B69D	RGB 182 182 157	#B6B69D
100.0%	100.0% #CCCCBA	RGB 204 204 186	#CCCCBA

#4D4D10 #62622C #777748 #8C8C65 #A1A181 #B6B69D #CCCCBA

#4D4D10 - #CCCCBA

HSV Blend

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

0.0%	0.0% #4D4D10	RGB 77 77 16	#4D4D10
16.7%	16.7% #62621F	RGB 98 98 31	#62621F
33.3%	33.3% #777734	RGB 119 119 52	#777734
50.0%	50.0% #8C8C4E	RGB 140 140 78	#8C8C4E
66.7%	66.7% #A1A16D	RGB 161 161 109	#A1A16D
83.3%	83.3% #B6B691	RGB 182 182 145	#B6B691
100.0%	100.0% #CCCCBA	RGB 204 204 186	#CCCCBA

#4D4D10 #62621F #777734 #8C8C4E #A1A16D #B6B691 #CCCCBA

#4D4D10 - #8C8C4E - #CCCCBA

CSS codes

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

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