#3E8C60 - #BFD380 | 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 #3E8C60 to #BFD380

#3E8C60 #BFD380

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

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

0.0%	0.0% #3E8C60	RGB 62 140 96	#3E8C60
16.7%	16.7% #539765	RGB 83 151 101	#539765
33.3%	33.3% #69A36A	RGB 105 163 106	#69A36A
50.0%	50.0% #7EAF70	RGB 126 175 112	#7EAF70
66.7%	66.7% #94BB75	RGB 148 187 117	#94BB75
83.3%	83.3% #A9C77A	RGB 169 199 122	#A9C77A
100.0%	100.0% #BFD380	RGB 191 211 128	#BFD380

#3E8C60 #539765 #69A36A #7EAF70 #94BB75 #A9C77A #BFD380

#3E8C60 - #BFD380

HSV Blend

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

0.0%	0.0% #3E8C60	RGB 62 140 96	#3E8C60
16.7%	16.7% #47975A	RGB 71 151 90	#47975A
33.3%	33.3% #51A354	RGB 81 163 84	#51A354
50.0%	50.0% #69AF5C	RGB 105 175 92	#69AF5C
66.7%	66.7% #85BB67	RGB 133 187 103	#85BB67
83.3%	83.3% #A2C773	RGB 162 199 115	#A2C773
100.0%	100.0% #BFD380	RGB 191 211 128	#BFD380

#3E8C60 #47975A #51A354 #69AF5C #85BB67 #A2C773 #BFD380

#3E8C60 - #69AF5C - #BFD380

CSS codes

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

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