#696963 - #4C3E15 | 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 #696963 to #4C3E15

#696963 #4C3E15

Calculate the color between two colors, #696963 and #4C3E15. 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)

#696963 - #4C3E15 | 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 #696963 as 0% and #4C3E15 as 100%.

0.0%	0.0% #696963	RGB 105 105 99	#696963
16.7%	16.7% #646156	RGB 100 97 86	#646156
33.3%	33.3% #5F5A49	RGB 95 90 73	#5F5A49
50.0%	50.0% #5A533C	RGB 90 83 60	#5A533C
66.7%	66.7% #554C2F	RGB 85 76 47	#554C2F
83.3%	83.3% #504522	RGB 80 69 34	#504522
100.0%	100.0% #4C3E15	RGB 76 62 21	#4C3E15

#696963 #646156 #5F5A49 #5A533C #554C2F #504522 #4C3E15

#696963 - #4C3E15

HSV Blend

#696963 - #4C3E15 | 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 #696963 as 0% and #4C3E15 as 100%.

0.0%	0.0% #696963	RGB 105 105 99	#696963
16.7%	16.7% #646353	RGB 100 99 83	#646353
33.3%	33.3% #5F5D44	RGB 95 93 68	#5F5D44
50.0%	50.0% #5A5637	RGB 90 86 55	#5A5637
66.7%	66.7% #554E2A	RGB 85 78 42	#554E2A
83.3%	83.3% #50461F	RGB 80 70 31	#50461F
100.0%	100.0% #4C3E15	RGB 76 62 21	#4C3E15

#696963 #646353 #5F5D44 #5A5637 #554E2A #50461F #4C3E15

#696963 - #5A5637 - #4C3E15

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #696963 0%, #5A5637 50%, #4C3E15 100%);
    background: -webkit-linear-gradient(top, #696963 0%, #5A5637 50%, #4C3E15 100%);
    background: linear-gradient(to bottom, #696963 0%, #5A5637 50%, #4C3E15 100%);
}
</style>