#3E4D3E - #7B728B | 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 #3E4D3E to #7B728B

#3E4D3E #7B728B

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

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

0.0%	0.0% #3E4D3E	RGB 62 77 62	#3E4D3E
16.7%	16.7% #48534A	RGB 72 83 74	#48534A
33.3%	33.3% #525957	RGB 82 89 87	#525957
50.0%	50.0% #5C5F64	RGB 92 95 100	#5C5F64
66.7%	66.7% #666571	RGB 102 101 113	#666571
83.3%	83.3% #706B7E	RGB 112 107 126	#706B7E
100.0%	100.0% #7B728B	RGB 123 114 139	#7B728B

#3E4D3E #48534A #525957 #5C5F64 #666571 #706B7E #7B728B

#3E4D3E - #7B728B

HSV Blend

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

0.0%	0.0% #3E4D3E	RGB 62 77 62	#3E4D3E
16.7%	16.7% #46574D	RGB 70 87 77	#46574D
33.3%	33.3% #4F615D	RGB 79 97 93	#4F615D
50.0%	50.0% #57686C	RGB 87 104 108	#57686C
66.7%	66.7% #606976	RGB 96 105 118	#606976
83.3%	83.3% #696980	RGB 105 105 128	#696980
100.0%	100.0% #7B728B	RGB 123 114 139	#7B728B

#3E4D3E #46574D #4F615D #57686C #606976 #696980 #7B728B

#3E4D3E - #57686C - #7B728B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E4D3E 0%, #57686C 50%, #7B728B 100%);
    background: -webkit-linear-gradient(top, #3E4D3E 0%, #57686C 50%, #7B728B 100%);
    background: linear-gradient(to bottom, #3E4D3E 0%, #57686C 50%, #7B728B 100%);
}
</style>