#3C7E35 - #D5CD61 | 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 #3C7E35 to #D5CD61

#3C7E35 #D5CD61

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

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

0.0%	0.0% #3C7E35	RGB 60 126 53	#3C7E35
16.7%	16.7% #558B3C	RGB 85 139 60	#558B3C
33.3%	33.3% #6F9843	RGB 111 152 67	#6F9843
50.0%	50.0% #88A54B	RGB 136 165 75	#88A54B
66.7%	66.7% #A2B252	RGB 162 178 82	#A2B252
83.3%	83.3% #BBBF59	RGB 187 191 89	#BBBF59
100.0%	100.0% #D5CD61	RGB 213 205 97	#D5CD61

#3C7E35 #558B3C #6F9843 #88A54B #A2B252 #BBBF59 #D5CD61

#3C7E35 - #D5CD61

HSV Blend

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

0.0%	0.0% #3C7E35	RGB 60 126 53	#3C7E35
16.7%	16.7% #508C3B	RGB 80 140 59	#508C3B
33.3%	33.3% #679B42	RGB 103 155 66	#679B42
50.0%	50.0% #81A94A	RGB 129 169 74	#81A94A
66.7%	66.7% #9DB851	RGB 157 184 81	#9DB851
83.3%	83.3% #BCC659	RGB 188 198 89	#BCC659
100.0%	100.0% #D5CD61	RGB 213 205 97	#D5CD61

#3C7E35 #508C3B #679B42 #81A94A #9DB851 #BCC659 #D5CD61

#3C7E35 - #81A94A - #D5CD61

CSS codes

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

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