#3E3C3D - #628A61 | 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 #3E3C3D to #628A61

#3E3C3D #628A61

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

#3E3C3D - #628A61 | 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 #3E3C3D as 0% and #628A61 as 100%.

0.0%	0.0% #3E3C3D	RGB 62 60 61	#3E3C3D
16.7%	16.7% #444943	RGB 68 73 67	#444943
33.3%	33.3% #4A5649	RGB 74 86 73	#4A5649
50.0%	50.0% #50634F	RGB 80 99 79	#50634F
66.7%	66.7% #567055	RGB 86 112 85	#567055
83.3%	83.3% #5C7D5B	RGB 92 125 91	#5C7D5B
100.0%	100.0% #628A61	RGB 98 138 97	#628A61

#3E3C3D #444943 #4A5649 #50634F #567055 #5C7D5B #628A61

#3E3C3D - #628A61

HSV Blend

#3E3C3D - #628A61 | 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 #3E3C3D as 0% and #628A61 as 100%.

0.0%	0.0% #3E3C3D	RGB 62 60 61	#3E3C3D
16.7%	16.7% #4A4445	RGB 74 68 69	#4A4445
33.3%	33.3% #57504C	RGB 87 80 76	#57504C
50.0%	50.0% #645F53	RGB 100 95 83	#645F53
66.7%	66.7% #6D7059	RGB 109 112 89	#6D7059
83.3%	83.3% #6B7D5D	RGB 107 125 93	#6B7D5D
100.0%	100.0% #628A61	RGB 98 138 97	#628A61

#3E3C3D #4A4445 #57504C #645F53 #6D7059 #6B7D5D #628A61

#3E3C3D - #645F53 - #628A61

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E3C3D 0%, #645F53 50%, #628A61 100%);
    background: -webkit-linear-gradient(top, #3E3C3D 0%, #645F53 50%, #628A61 100%);
    background: linear-gradient(to bottom, #3E3C3D 0%, #645F53 50%, #628A61 100%);
}
</style>