#3E3E4B - #8B7B6F | 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 #3E3E4B to #8B7B6F

#3E3E4B #8B7B6F

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

#3E3E4B - #8B7B6F | 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 #3E3E4B as 0% and #8B7B6F as 100%.

0.0%	0.0% #3E3E4B	RGB 62 62 75	#3E3E4B
16.7%	16.7% #4A4851	RGB 74 72 81	#4A4851
33.3%	33.3% #575257	RGB 87 82 87	#575257
50.0%	50.0% #645C5D	RGB 100 92 93	#645C5D
66.7%	66.7% #716663	RGB 113 102 99	#716663
83.3%	83.3% #7E7069	RGB 126 112 105	#7E7069
100.0%	100.0% #8B7B6F	RGB 139 123 111	#8B7B6F

#3E3E4B #4A4851 #575257 #645C5D #716663 #7E7069 #8B7B6F

#3E3E4B - #8B7B6F

HSV Blend

#3E3E4B - #8B7B6F | 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 #3E3E4B as 0% and #8B7B6F as 100%.

0.0%	0.0% #3E3E4B	RGB 62 62 75	#3E3E4B
16.7%	16.7% #4C4655	RGB 76 70 85	#4C4655
33.3%	33.3% #5C4E60	RGB 92 78 96	#5C4E60
50.0%	50.0% #6B5666	RGB 107 86 102	#6B5666
66.7%	66.7% #755F67	RGB 117 95 103	#755F67
83.3%	83.3% #806767	RGB 128 103 103	#806767
100.0%	100.0% #8B7B6F	RGB 139 123 111	#8B7B6F

#3E3E4B #4C4655 #5C4E60 #6B5666 #755F67 #806767 #8B7B6F

#3E3E4B - #6B5666 - #8B7B6F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E3E4B 0%, #6B5666 50%, #8B7B6F 100%);
    background: -webkit-linear-gradient(top, #3E3E4B 0%, #6B5666 50%, #8B7B6F 100%);
    background: linear-gradient(to bottom, #3E3E4B 0%, #6B5666 50%, #8B7B6F 100%);
}
</style>