#4A5532 - #CBCEC4 | 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 #4A5532 to #CBCEC4

#4A5532 #CBCEC4

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

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

0.0%	0.0% #4A5532	RGB 74 85 50	#4A5532
16.7%	16.7% #5F694A	RGB 95 105 74	#5F694A
33.3%	33.3% #757D62	RGB 117 125 98	#757D62
50.0%	50.0% #8A917B	RGB 138 145 123	#8A917B
66.7%	66.7% #A0A593	RGB 160 165 147	#A0A593
83.3%	83.3% #B5B9AB	RGB 181 185 171	#B5B9AB
100.0%	100.0% #CBCEC4	RGB 203 206 196	#CBCEC4

#4A5532 #5F694A #757D62 #8A917B #A0A593 #B5B9AB #CBCEC4

#4A5532 - #CBCEC4

HSV Blend

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

0.0%	0.0% #4A5532	RGB 74 85 50	#4A5532
16.7%	16.7% #5D6944	RGB 93 105 68	#5D6944
33.3%	33.3% #727D58	RGB 114 125 88	#727D58
50.0%	50.0% #879170	RGB 135 145 112	#879170
66.7%	66.7% #9DA589	RGB 157 165 137	#9DA589
83.3%	83.3% #B3B9A5	RGB 179 185 165	#B3B9A5
100.0%	100.0% #CBCEC4	RGB 203 206 196	#CBCEC4

#4A5532 #5D6944 #727D58 #879170 #9DA589 #B3B9A5 #CBCEC4

#4A5532 - #879170 - #CBCEC4

CSS codes

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

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