#4F5623 - #CCCEC0 | 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 #4F5623 to #CCCEC0

#4F5623 #CCCEC0

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

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

0.0%	0.0% #4F5623	RGB 79 86 35	#4F5623
16.7%	16.7% #636A3D	RGB 99 106 61	#636A3D
33.3%	33.3% #787E57	RGB 120 126 87	#787E57
50.0%	50.0% #8D9271	RGB 141 146 113	#8D9271
66.7%	66.7% #A2A68B	RGB 162 166 139	#A2A68B
83.3%	83.3% #B7BAA5	RGB 183 186 165	#B7BAA5
100.0%	100.0% #CCCEC0	RGB 204 206 192	#CCCEC0

#4F5623 #636A3D #787E57 #8D9271 #A2A68B #B7BAA5 #CCCEC0

#4F5623 - #CCCEC0

HSV Blend

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

0.0%	0.0% #4F5623	RGB 79 86 35	#4F5623
16.7%	16.7% #626A34	RGB 98 106 52	#626A34
33.3%	33.3% #767E49	RGB 118 126 73	#767E49
50.0%	50.0% #8B9261	RGB 139 146 97	#8B9261
66.7%	66.7% #A0A67D	RGB 160 166 125	#A0A67D
83.3%	83.3% #B5BA9D	RGB 181 186 157	#B5BA9D
100.0%	100.0% #CCCEC0	RGB 204 206 192	#CCCEC0

#4F5623 #626A34 #767E49 #8B9261 #A0A67D #B5BA9D #CCCEC0

#4F5623 - #8B9261 - #CCCEC0

CSS codes

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

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