#645E5B - #3E2010 | 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 #645E5B to #3E2010

#645E5B #3E2010

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

#645E5B - #3E2010 | 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 #645E5B as 0% and #3E2010 as 100%.

0.0%	0.0% #645E5B	RGB 100 94 91	#645E5B
16.7%	16.7% #5D534E	RGB 93 83 78	#5D534E
33.3%	33.3% #574942	RGB 87 73 66	#574942
50.0%	50.0% #513F35	RGB 81 63 53	#513F35
66.7%	66.7% #4A3429	RGB 74 52 41	#4A3429
83.3%	83.3% #442A1C	RGB 68 42 28	#442A1C
100.0%	100.0% #3E2010	RGB 62 32 16	#3E2010

#645E5B #5D534E #574942 #513F35 #4A3429 #442A1C #3E2010

#645E5B - #3E2010

HSV Blend

#645E5B - #3E2010 | 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 #645E5B as 0% and #3E2010 as 100%.

0.0%	0.0% #645E5B	RGB 100 94 91	#645E5B
16.7%	16.7% #5D514B	RGB 93 81 75	#5D514B
33.3%	33.3% #57453C	RGB 87 69 60	#57453C
50.0%	50.0% #513A2F	RGB 81 58 47	#513A2F
66.7%	66.7% #4A3023	RGB 74 48 35	#4A3023
83.3%	83.3% #442819	RGB 68 40 25	#442819
100.0%	100.0% #3E2010	RGB 62 32 16	#3E2010

#645E5B #5D514B #57453C #513A2F #4A3023 #442819 #3E2010

#645E5B - #513A2F - #3E2010

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #645E5B 0%, #513A2F 50%, #3E2010 100%);
    background: -webkit-linear-gradient(top, #645E5B 0%, #513A2F 50%, #3E2010 100%);
    background: linear-gradient(to bottom, #645E5B 0%, #513A2F 50%, #3E2010 100%);
}
</style>