#3C403F - #8F6B6E | 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 #3C403F to #8F6B6E

#3C403F #8F6B6E

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

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

0.0%	0.0% #3C403F	RGB 60 64 63	#3C403F
16.7%	16.7% #494746	RGB 73 71 70	#494746
33.3%	33.3% #574E4E	RGB 87 78 78	#574E4E
50.0%	50.0% #655556	RGB 101 85 86	#655556
66.7%	66.7% #735C5E	RGB 115 92 94	#735C5E
83.3%	83.3% #816366	RGB 129 99 102	#816366
100.0%	100.0% #8F6B6E	RGB 143 107 110	#8F6B6E

#3C403F #494746 #574E4E #655556 #735C5E #816366 #8F6B6E

#3C403F - #8F6B6E

HSV Blend

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

0.0%	0.0% #3C403F	RGB 60 64 63	#3C403F
16.7%	16.7% #454D47	RGB 69 77 71	#454D47
33.3%	33.3% #515A4E	RGB 81 90 78	#515A4E
50.0%	50.0% #626757	RGB 98 103 87	#626757
66.7%	66.7% #74715E	RGB 116 113 94	#74715E
83.3%	83.3% #817065	RGB 129 112 101	#817065
100.0%	100.0% #8F6B6E	RGB 143 107 110	#8F6B6E

#3C403F #454D47 #515A4E #626757 #74715E #817065 #8F6B6E

#3C403F - #626757 - #8F6B6E

CSS codes

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

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