#3D3E3C - #77AE70 | 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 #3D3E3C to #77AE70

#3D3E3C #77AE70

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

#3D3E3C - #77AE70 | 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 #3D3E3C as 0% and #77AE70 as 100%.

0.0%	0.0% #3D3E3C	RGB 61 62 60	#3D3E3C
16.7%	16.7% #465044	RGB 70 80 68	#465044
33.3%	33.3% #50634D	RGB 80 99 77	#50634D
50.0%	50.0% #5A7656	RGB 90 118 86	#5A7656
66.7%	66.7% #63885E	RGB 99 136 94	#63885E
83.3%	83.3% #6D9B67	RGB 109 155 103	#6D9B67
100.0%	100.0% #77AE70	RGB 119 174 112	#77AE70

#3D3E3C #465044 #50634D #5A7656 #63885E #6D9B67 #77AE70

#3D3E3C - #77AE70

HSV Blend

#3D3E3C - #77AE70 | 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 #3D3E3C as 0% and #77AE70 as 100%.

0.0%	0.0% #3D3E3C	RGB 61 62 60	#3D3E3C
16.7%	16.7% #4C5049	RGB 76 80 73	#4C5049
33.3%	33.3% #5A6355	RGB 90 99 85	#5A6355
50.0%	50.0% #66765F	RGB 102 118 95	#66765F
66.7%	66.7% #6E8866	RGB 110 136 102	#6E8866
83.3%	83.3% #749B6C	RGB 116 155 108	#749B6C
100.0%	100.0% #77AE70	RGB 119 174 112	#77AE70

#3D3E3C #4C5049 #5A6355 #66765F #6E8866 #749B6C #77AE70

#3D3E3C - #66765F - #77AE70

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3D3E3C 0%, #66765F 50%, #77AE70 100%);
    background: -webkit-linear-gradient(top, #3D3E3C 0%, #66765F 50%, #77AE70 100%);
    background: linear-gradient(to bottom, #3D3E3C 0%, #66765F 50%, #77AE70 100%);
}
</style>