#3C744B - #AABF71 | 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 #3C744B to #AABF71

#3C744B #AABF71

Calculate the color between two colors, #3C744B and #AABF71. 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)

#3C744B - #AABF71 | 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 #3C744B as 0% and #AABF71 as 100%.

0.0%	0.0% #3C744B	RGB 60 116 75	#3C744B
16.7%	16.7% #4E8051	RGB 78 128 81	#4E8051
33.3%	33.3% #608D57	RGB 96 141 87	#608D57
50.0%	50.0% #73995E	RGB 115 153 94	#73995E
66.7%	66.7% #85A664	RGB 133 166 100	#85A664
83.3%	83.3% #97B26A	RGB 151 178 106	#97B26A
100.0%	100.0% #AABF71	RGB 170 191 113	#AABF71

#3C744B #4E8051 #608D57 #73995E #85A664 #97B26A #AABF71

#3C744B - #AABF71

HSV Blend

#3C744B - #AABF71 | 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 #3C744B as 0% and #AABF71 as 100%.

0.0%	0.0% #3C744B	RGB 60 116 75	#3C744B
16.7%	16.7% #44804A	RGB 68 128 74	#44804A
33.3%	33.3% #508D4C	RGB 80 141 76	#508D4C
50.0%	50.0% #649955	RGB 100 153 85	#649955
66.7%	66.7% #7AA65E	RGB 122 166 94	#7AA65E
83.3%	83.3% #91B267	RGB 145 178 103	#91B267
100.0%	100.0% #AABF71	RGB 170 191 113	#AABF71

#3C744B #44804A #508D4C #649955 #7AA65E #91B267 #AABF71

#3C744B - #649955 - #AABF71

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C744B 0%, #649955 50%, #AABF71 100%);
    background: -webkit-linear-gradient(top, #3C744B 0%, #649955 50%, #AABF71 100%);
    background: linear-gradient(to bottom, #3C744B 0%, #649955 50%, #AABF71 100%);
}
</style>