#3E8957 - #BFD27B | 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 #3E8957 to #BFD27B

#3E8957 #BFD27B

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

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

0.0%	0.0% #3E8957	RGB 62 137 87	#3E8957
16.7%	16.7% #53955D	RGB 83 149 93	#53955D
33.3%	33.3% #69A163	RGB 105 161 99	#69A163
50.0%	50.0% #7EAD69	RGB 126 173 105	#7EAD69
66.7%	66.7% #94B96F	RGB 148 185 111	#94B96F
83.3%	83.3% #A9C575	RGB 169 197 117	#A9C575
100.0%	100.0% #BFD27B	RGB 191 210 123	#BFD27B

#3E8957 #53955D #69A163 #7EAD69 #94B96F #A9C575 #BFD27B

#3E8957 - #BFD27B

HSV Blend

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

0.0%	0.0% #3E8957	RGB 62 137 87	#3E8957
16.7%	16.7% #469552	RGB 70 149 82	#469552
33.3%	33.3% #53A150	RGB 83 161 80	#53A150
50.0%	50.0% #6CAD5A	RGB 108 173 90	#6CAD5A
66.7%	66.7% #87B964	RGB 135 185 100	#87B964
83.3%	83.3% #A2C56F	RGB 162 197 111	#A2C56F
100.0%	100.0% #BFD27B	RGB 191 210 123	#BFD27B

#3E8957 #469552 #53A150 #6CAD5A #87B964 #A2C56F #BFD27B

#3E8957 - #6CAD5A - #BFD27B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E8957 0%, #6CAD5A 50%, #BFD27B 100%);
    background: -webkit-linear-gradient(top, #3E8957 0%, #6CAD5A 50%, #BFD27B 100%);
    background: linear-gradient(to bottom, #3E8957 0%, #6CAD5A 50%, #BFD27B 100%);
}
</style>