#4A2D3E - #75686B | 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 #4A2D3E to #75686B

#4A2D3E #75686B

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

#4A2D3E - #75686B | 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 #4A2D3E as 0% and #75686B as 100%.

0.0%	0.0% #4A2D3E	RGB 74 45 62	#4A2D3E
16.7%	16.7% #513645	RGB 81 54 69	#513645
33.3%	33.3% #58404D	RGB 88 64 77	#58404D
50.0%	50.0% #5F4A54	RGB 95 74 84	#5F4A54
66.7%	66.7% #66545C	RGB 102 84 92	#66545C
83.3%	83.3% #6D5E63	RGB 109 94 99	#6D5E63
100.0%	100.0% #75686B	RGB 117 104 107	#75686B

#4A2D3E #513645 #58404D #5F4A54 #66545C #6D5E63 #75686B

#4A2D3E - #75686B

HSV Blend

#4A2D3E - #75686B | 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 #4A2D3E as 0% and #75686B as 100%.

0.0%	0.0% #4A2D3E	RGB 74 45 62	#4A2D3E
16.7%	16.7% #513543	RGB 81 53 67	#513543
33.3%	33.3% #583D4A	RGB 88 61 74	#583D4A
50.0%	50.0% #5F4751	RGB 95 71 81	#5F4751
66.7%	66.7% #665158	RGB 102 81 88	#665158
83.3%	83.3% #6D5C61	RGB 109 92 97	#6D5C61
100.0%	100.0% #75686B	RGB 117 104 107	#75686B

#4A2D3E #513543 #583D4A #5F4751 #665158 #6D5C61 #75686B

#4A2D3E - #5F4751 - #75686B

CSS codes

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

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