#3E382D - #81AA6B | 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 #3E382D to #81AA6B

#3E382D #81AA6B

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

#3E382D - #81AA6B | 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 #3E382D as 0% and #81AA6B as 100%.

0.0%	0.0% #3E382D	RGB 62 56 45	#3E382D
16.7%	16.7% #494B37	RGB 73 75 55	#494B37
33.3%	33.3% #545E41	RGB 84 94 65	#545E41
50.0%	50.0% #5F714C	RGB 95 113 76	#5F714C
66.7%	66.7% #6A8456	RGB 106 132 86	#6A8456
83.3%	83.3% #759760	RGB 117 151 96	#759760
100.0%	100.0% #81AA6B	RGB 129 170 107	#81AA6B

#3E382D #494B37 #545E41 #5F714C #6A8456 #759760 #81AA6B

#3E382D - #81AA6B

HSV Blend

#3E382D - #81AA6B | 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 #3E382D as 0% and #81AA6B as 100%.

0.0%	0.0% #3E382D	RGB 62 56 45	#3E382D
16.7%	16.7% #504B38	RGB 80 75 56	#504B38
33.3%	33.3% #626143	RGB 98 97 67	#626143
50.0%	50.0% #6E744E	RGB 110 116 78	#6E744E
66.7%	66.7% #778658	RGB 119 134 88	#778658
83.3%	83.3% #7D9862	RGB 125 152 98	#7D9862
100.0%	100.0% #81AA6B	RGB 129 170 107	#81AA6B

#3E382D #504B38 #626143 #6E744E #778658 #7D9862 #81AA6B

#3E382D - #6E744E - #81AA6B

CSS codes

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

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