#3E8C74 - #B5D18D | 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 #3E8C74 to #B5D18D

#3E8C74 #B5D18D

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

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

0.0%	0.0% #3E8C74	RGB 62 140 116	#3E8C74
16.7%	16.7% #519778	RGB 81 151 120	#519778
33.3%	33.3% #65A37C	RGB 101 163 124	#65A37C
50.0%	50.0% #79AE80	RGB 121 174 128	#79AE80
66.7%	66.7% #8DBA84	RGB 141 186 132	#8DBA84
83.3%	83.3% #A1C588	RGB 161 197 136	#A1C588
100.0%	100.0% #B5D18D	RGB 181 209 141	#B5D18D

#3E8C74 #519778 #65A37C #79AE80 #8DBA84 #A1C588 #B5D18D

#3E8C74 - #B5D18D

HSV Blend

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

0.0%	0.0% #3E8C74	RGB 62 140 116	#3E8C74
16.7%	16.7% #48976E	RGB 72 151 110	#48976E
33.3%	33.3% #54A369	RGB 84 163 105	#54A369
50.0%	50.0% #61AE65	RGB 97 174 101	#61AE65
66.7%	66.7% #7BBA6F	RGB 123 186 111	#7BBA6F
83.3%	83.3% #98C57D	RGB 152 197 125	#98C57D
100.0%	100.0% #B5D18D	RGB 181 209 141	#B5D18D

#3E8C74 #48976E #54A369 #61AE65 #7BBA6F #98C57D #B5D18D

#3E8C74 - #61AE65 - #B5D18D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E8C74 0%, #61AE65 50%, #B5D18D 100%);
    background: -webkit-linear-gradient(top, #3E8C74 0%, #61AE65 50%, #B5D18D 100%);
    background: linear-gradient(to bottom, #3E8C74 0%, #61AE65 50%, #B5D18D 100%);
}
</style>