#3E8261 - #B9C78D | 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 #3E8261 to #B9C78D

#3E8261 #B9C78D

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

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

0.0%	0.0% #3E8261	RGB 62 130 97	#3E8261
16.7%	16.7% #528D68	RGB 82 141 104	#528D68
33.3%	33.3% #67996F	RGB 103 153 111	#67996F
50.0%	50.0% #7BA477	RGB 123 164 119	#7BA477
66.7%	66.7% #90B07E	RGB 144 176 126	#90B07E
83.3%	83.3% #A4BB85	RGB 164 187 133	#A4BB85
100.0%	100.0% #B9C78D	RGB 185 199 141	#B9C78D

#3E8261 #528D68 #67996F #7BA477 #90B07E #A4BB85 #B9C78D

#3E8261 - #B9C78D

HSV Blend

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

0.0%	0.0% #3E8261	RGB 62 130 97	#3E8261
16.7%	16.7% #488D5D	RGB 72 141 93	#488D5D
33.3%	33.3% #54995A	RGB 84 153 90	#54995A
50.0%	50.0% #69A461	RGB 105 164 97	#69A461
66.7%	66.7% #84B06F	RGB 132 176 111	#84B06F
83.3%	83.3% #9FBB7D	RGB 159 187 125	#9FBB7D
100.0%	100.0% #B9C78D	RGB 185 199 141	#B9C78D

#3E8261 #488D5D #54995A #69A461 #84B06F #9FBB7D #B9C78D

#3E8261 - #69A461 - #B9C78D

CSS codes

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

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