#4F5637 - #CCCEC5 | 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 #4F5637 to #CCCEC5

#4F5637 #CCCEC5

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

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

0.0%	0.0% #4F5637	RGB 79 86 55	#4F5637
16.7%	16.7% #636A4E	RGB 99 106 78	#636A4E
33.3%	33.3% #787E66	RGB 120 126 102	#787E66
50.0%	50.0% #8D927E	RGB 141 146 126	#8D927E
66.7%	66.7% #A2A695	RGB 162 166 149	#A2A695
83.3%	83.3% #B7BAAD	RGB 183 186 173	#B7BAAD
100.0%	100.0% #CCCEC5	RGB 204 206 197	#CCCEC5

#4F5637 #636A4E #787E66 #8D927E #A2A695 #B7BAAD #CCCEC5

#4F5637 - #CCCEC5

HSV Blend

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

0.0%	0.0% #4F5637	RGB 79 86 55	#4F5637
16.7%	16.7% #626A49	RGB 98 106 73	#626A49
33.3%	33.3% #767E5D	RGB 118 126 93	#767E5D
50.0%	50.0% #8B9274	RGB 139 146 116	#8B9274
66.7%	66.7% #A0A68D	RGB 160 166 141	#A0A68D
83.3%	83.3% #B6BAA8	RGB 182 186 168	#B6BAA8
100.0%	100.0% #CCCEC5	RGB 204 206 197	#CCCEC5

#4F5637 #626A49 #767E5D #8B9274 #A0A68D #B6BAA8 #CCCEC5

#4F5637 - #8B9274 - #CCCEC5

CSS codes

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

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