#4A8D64 - #CACC99 | 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 #4A8D64 to #CACC99

#4A8D64 #CACC99

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

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

0.0%	0.0% #4A8D64	RGB 74 141 100	#4A8D64
16.7%	16.7% #5F976C	RGB 95 151 108	#5F976C
33.3%	33.3% #74A275	RGB 116 162 117	#74A275
50.0%	50.0% #8AAC7E	RGB 138 172 126	#8AAC7E
66.7%	66.7% #9FB787	RGB 159 183 135	#9FB787
83.3%	83.3% #B4C190	RGB 180 193 144	#B4C190
100.0%	100.0% #CACC99	RGB 202 204 153	#CACC99

#4A8D64 #5F976C #74A275 #8AAC7E #9FB787 #B4C190 #CACC99

#4A8D64 - #CACC99

HSV Blend

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

0.0%	0.0% #4A8D64	RGB 74 141 100	#4A8D64
16.7%	16.7% #559760	RGB 85 151 96	#559760
33.3%	33.3% #65A261	RGB 101 162 97	#65A261
50.0%	50.0% #7FAC6D	RGB 127 172 109	#7FAC6D
66.7%	66.7% #99B77B	RGB 153 183 123	#99B77B
83.3%	83.3% #B2C189	RGB 178 193 137	#B2C189
100.0%	100.0% #CACC99	RGB 202 204 153	#CACC99

#4A8D64 #559760 #65A261 #7FAC6D #99B77B #B2C189 #CACC99

#4A8D64 - #7FAC6D - #CACC99

CSS codes

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

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