#3C964B - #D5E075 | 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 #3C964B to #D5E075

#3C964B #D5E075

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

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

0.0%	0.0% #3C964B	RGB 60 150 75	#3C964B
16.7%	16.7% #55A252	RGB 85 162 82	#55A252
33.3%	33.3% #6FAE59	RGB 111 174 89	#6FAE59
50.0%	50.0% #88BB60	RGB 136 187 96	#88BB60
66.7%	66.7% #A2C767	RGB 162 199 103	#A2C767
83.3%	83.3% #BBD36E	RGB 187 211 110	#BBD36E
100.0%	100.0% #D5E075	RGB 213 224 117	#D5E075

#3C964B #55A252 #6FAE59 #88BB60 #A2C767 #BBD36E #D5E075

#3C964B - #D5E075

HSV Blend

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

0.0%	0.0% #3C964B	RGB 60 150 75	#3C964B
16.7%	16.7% #45A244	RGB 69 162 68	#45A244
33.3%	33.3% #5FAE4C	RGB 95 174 76	#5FAE4C
50.0%	50.0% #7BBB56	RGB 123 187 86	#7BBB56
66.7%	66.7% #98C75F	RGB 152 199 95	#98C75F
83.3%	83.3% #B6D36A	RGB 182 211 106	#B6D36A
100.0%	100.0% #D5E075	RGB 213 224 117	#D5E075

#3C964B #45A244 #5FAE4C #7BBB56 #98C75F #B6D36A #D5E075

#3C964B - #7BBB56 - #D5E075

CSS codes

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

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