#3E8C62 - #BED382 | 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 #3E8C62 to #BED382

#3E8C62 #BED382

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

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

0.0%	0.0% #3E8C62	RGB 62 140 98	#3E8C62
16.7%	16.7% #539767	RGB 83 151 103	#539767
33.3%	33.3% #68A36C	RGB 104 163 108	#68A36C
50.0%	50.0% #7EAF72	RGB 126 175 114	#7EAF72
66.7%	66.7% #93BB77	RGB 147 187 119	#93BB77
83.3%	83.3% #A8C77C	RGB 168 199 124	#A8C77C
100.0%	100.0% #BED382	RGB 190 211 130	#BED382

#3E8C62 #539767 #68A36C #7EAF72 #93BB77 #A8C77C #BED382

#3E8C62 - #BED382

HSV Blend

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

0.0%	0.0% #3E8C62	RGB 62 140 98	#3E8C62
16.7%	16.7% #47975C	RGB 71 151 92	#47975C
33.3%	33.3% #51A356	RGB 81 163 86	#51A356
50.0%	50.0% #68AF5C	RGB 104 175 92	#68AF5C
66.7%	66.7% #84BB68	RGB 132 187 104	#84BB68
83.3%	83.3% #A1C774	RGB 161 199 116	#A1C774
100.0%	100.0% #BED382	RGB 190 211 130	#BED382

#3E8C62 #47975C #51A356 #68AF5C #84BB68 #A1C774 #BED382

#3E8C62 - #68AF5C - #BED382

CSS codes

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

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