#2C5E18 - #ACAF48 | 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 #2C5E18 to #ACAF48

#2C5E18 #ACAF48

Calculate the color between two colors, #2C5E18 and #ACAF48. 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)

#2C5E18 - #ACAF48 | 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 #2C5E18 as 0% and #ACAF48 as 100%.

0.0%	0.0% #2C5E18	RGB 44 94 24	#2C5E18
16.7%	16.7% #416B20	RGB 65 107 32	#416B20
33.3%	33.3% #567928	RGB 86 121 40	#567928
50.0%	50.0% #6C8630	RGB 108 134 48	#6C8630
66.7%	66.7% #819438	RGB 129 148 56	#819438
83.3%	83.3% #96A140	RGB 150 161 64	#96A140
100.0%	100.0% #ACAF48	RGB 172 175 72	#ACAF48

#2C5E18 #416B20 #567928 #6C8630 #819438 #96A140 #ACAF48

#2C5E18 - #ACAF48

HSV Blend

#2C5E18 - #ACAF48 | 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 #2C5E18 as 0% and #ACAF48 as 100%.

0.0%	0.0% #2B5E18	RGB 43 94 24	#2B5E18
16.7%	16.7% #3D6B1E	RGB 61 107 30	#3D6B1E
33.3%	33.3% #507925	RGB 80 121 37	#507925
50.0%	50.0% #65862C	RGB 101 134 44	#65862C
66.7%	66.7% #7B9435	RGB 123 148 53	#7B9435
83.3%	83.3% #93A13E	RGB 147 161 62	#93A13E
100.0%	100.0% #ACAF48	RGB 172 175 72	#ACAF48

#2B5E18 #3D6B1E #507925 #65862C #7B9435 #93A13E #ACAF48

#2C5E18 - #65862C - #ACAF48

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2B5E18 0%, #65862C 50%, #ACAF48 100%);
    background: -webkit-linear-gradient(top, #2B5E18 0%, #65862C 50%, #ACAF48 100%);
    background: linear-gradient(to bottom, #2B5E18 0%, #65862C 50%, #ACAF48 100%);
}
</style>