#3C7E3E - #BBCB69 | 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 #3C7E3E to #BBCB69

#3C7E3E #BBCB69

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

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

0.0%	0.0% #3C7E3E	RGB 60 126 62	#3C7E3E
16.7%	16.7% #518A45	RGB 81 138 69	#518A45
33.3%	33.3% #66974C	RGB 102 151 76	#66974C
50.0%	50.0% #7BA453	RGB 123 164 83	#7BA453
66.7%	66.7% #90B15A	RGB 144 177 90	#90B15A
83.3%	83.3% #A5BE61	RGB 165 190 97	#A5BE61
100.0%	100.0% #BBCB69	RGB 187 203 105	#BBCB69

#3C7E3E #518A45 #66974C #7BA453 #90B15A #A5BE61 #BBCB69

#3C7E3E - #BBCB69

HSV Blend

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

0.0%	0.0% #3C7E3E	RGB 60 126 62	#3C7E3E
16.7%	16.7% #4B8A43	RGB 75 138 67	#4B8A43
33.3%	33.3% #5E974A	RGB 94 151 74	#5E974A
50.0%	50.0% #73A451	RGB 115 164 81	#73A451
66.7%	66.7% #89B159	RGB 137 177 89	#89B159
83.3%	83.3% #A1BE61	RGB 161 190 97	#A1BE61
100.0%	100.0% #BBCB69	RGB 187 203 105	#BBCB69

#3C7E3E #4B8A43 #5E974A #73A451 #89B159 #A1BE61 #BBCB69

#3C7E3E - #73A451 - #BBCB69

CSS codes

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

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