#3C5E30 - #B1AB59 | 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 #3C5E30 to #B1AB59

#3C5E30 #B1AB59

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

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

0.0%	0.0% #3C5E30	RGB 60 94 48	#3C5E30
16.7%	16.7% #4F6A36	RGB 79 106 54	#4F6A36
33.3%	33.3% #63773D	RGB 99 119 61	#63773D
50.0%	50.0% #768444	RGB 118 132 68	#768444
66.7%	66.7% #8A914B	RGB 138 145 75	#8A914B
83.3%	83.3% #9D9E52	RGB 157 158 82	#9D9E52
100.0%	100.0% #B1AB59	RGB 177 171 89	#B1AB59

#3C5E30 #4F6A36 #63773D #768444 #8A914B #9D9E52 #B1AB59

#3C5E30 - #B1AB59

HSV Blend

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

0.0%	0.0% #3C5E30	RGB 60 94 48	#3C5E30
16.7%	16.7% #4B6B36	RGB 75 107 54	#4B6B36
33.3%	33.3% #5D793D	RGB 93 121 61	#5D793D
50.0%	50.0% #718744	RGB 113 135 68	#718744
66.7%	66.7% #86954B	RGB 134 149 75	#86954B
83.3%	83.3% #9DA352	RGB 157 163 82	#9DA352
100.0%	100.0% #B1AB59	RGB 177 171 89	#B1AB59

#3C5E30 #4B6B36 #5D793D #718744 #86954B #9DA352 #B1AB59

#3C5E30 - #718744 - #B1AB59

CSS codes

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

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