#4F552D - #CCCEC3 | 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 #4F552D to #CCCEC3

#4F552D #CCCEC3

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

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

0.0%	0.0% #4F552D	RGB 79 85 45	#4F552D
16.7%	16.7% #636946	RGB 99 105 70	#636946
33.3%	33.3% #787D5F	RGB 120 125 95	#787D5F
50.0%	50.0% #8D9178	RGB 141 145 120	#8D9178
66.7%	66.7% #A2A591	RGB 162 165 145	#A2A591
83.3%	83.3% #B7B9AA	RGB 183 185 170	#B7B9AA
100.0%	100.0% #CCCEC3	RGB 204 206 195	#CCCEC3

#4F552D #636946 #787D5F #8D9178 #A2A591 #B7B9AA #CCCEC3

#4F552D - #CCCEC3

HSV Blend

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

0.0%	0.0% #4F552D	RGB 79 85 45	#4F552D
16.7%	16.7% #62693E	RGB 98 105 62	#62693E
33.3%	33.3% #767D53	RGB 118 125 83	#767D53
50.0%	50.0% #8B916B	RGB 139 145 107	#8B916B
66.7%	66.7% #A0A585	RGB 160 165 133	#A0A585
83.3%	83.3% #B5B9A2	RGB 181 185 162	#B5B9A2
100.0%	100.0% #CCCEC3	RGB 204 206 195	#CCCEC3

#4F552D #62693E #767D53 #8B916B #A0A585 #B5B9A2 #CCCEC3

#4F552D - #8B916B - #CCCEC3

CSS codes

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

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