#3E4D40 - #7F728B | 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 #3E4D40 to #7F728B

#3E4D40 #7F728B

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

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

0.0%	0.0% #3E4D40	RGB 62 77 64	#3E4D40
16.7%	16.7% #48534C	RGB 72 83 76	#48534C
33.3%	33.3% #535959	RGB 83 89 89	#535959
50.0%	50.0% #5E5F65	RGB 94 95 101	#5E5F65
66.7%	66.7% #696572	RGB 105 101 114	#696572
83.3%	83.3% #746B7E	RGB 116 107 126	#746B7E
100.0%	100.0% #7F728B	RGB 127 114 139	#7F728B

#3E4D40 #48534C #535959 #5E5F65 #696572 #746B7E #7F728B

#3E4D40 - #7F728B

HSV Blend

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

0.0%	0.0% #3E4D40	RGB 62 77 64	#3E4D40
16.7%	16.7% #46574F	RGB 70 87 79	#46574F
33.3%	33.3% #4F6160	RGB 79 97 96	#4F6160
50.0%	50.0% #57656C	RGB 87 101 108	#57656C
66.7%	66.7% #606676	RGB 96 102 118	#606676
83.3%	83.3% #6C6980	RGB 108 105 128	#6C6980
100.0%	100.0% #7F728B	RGB 127 114 139	#7F728B

#3E4D40 #46574F #4F6160 #57656C #606676 #6C6980 #7F728B

#3E4D40 - #57656C - #7F728B

CSS codes

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

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