#4B474E - #DB8C62 | 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 #4B474E to #DB8C62

#4B474E #DB8C62

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

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

0.0%	0.0% #4B474E	RGB 75 71 78	#4B474E
16.7%	16.7% #635251	RGB 99 82 81	#635251
33.3%	33.3% #7B5E54	RGB 123 94 84	#7B5E54
50.0%	50.0% #936958	RGB 147 105 88	#936958
66.7%	66.7% #AB755B	RGB 171 117 91	#AB755B
83.3%	83.3% #C3805E	RGB 195 128 94	#C3805E
100.0%	100.0% #DB8C62	RGB 219 140 98	#DB8C62

#4B474E #635251 #7B5E54 #936958 #AB755B #C3805E #DB8C62

#4B474E - #DB8C62

HSV Blend

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

0.0%	0.0% #4B474E	RGB 75 71 78	#4B474E
16.7%	16.7% #635465	RGB 99 84 101	#635465
33.3%	33.3% #7D5E78	RGB 125 94 120	#7D5E78
50.0%	50.0% #94647E	RGB 148 100 126	#94647E
66.7%	66.7% #AC6778	RGB 172 103 120	#AC6778
83.3%	83.3% #C36B66	RGB 195 107 102	#C36B66
100.0%	100.0% #DB8C62	RGB 219 140 98	#DB8C62

#4B474E #635465 #7D5E78 #94647E #AC6778 #C36B66 #DB8C62

#4B474E - #94647E - #DB8C62

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4B474E 0%, #94647E 50%, #DB8C62 100%);
    background: -webkit-linear-gradient(top, #4B474E 0%, #94647E 50%, #DB8C62 100%);
    background: linear-gradient(to bottom, #4B474E 0%, #94647E 50%, #DB8C62 100%);
}
</style>