#4C4656 - #DB8D6E | 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 #4C4656 to #DB8D6E

#4C4656 #DB8D6E

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

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

0.0%	0.0% #4C4656	RGB 76 70 86	#4C4656
16.7%	16.7% #63515A	RGB 99 81 90	#63515A
33.3%	33.3% #7B5D5E	RGB 123 93 94	#7B5D5E
50.0%	50.0% #936962	RGB 147 105 98	#936962
66.7%	66.7% #AB7566	RGB 171 117 102	#AB7566
83.3%	83.3% #C3816A	RGB 195 129 106	#C3816A
100.0%	100.0% #DB8D6E	RGB 219 141 110	#DB8D6E

#4C4656 #63515A #7B5D5E #936962 #AB7566 #C3816A #DB8D6E

#4C4656 - #DB8D6E

HSV Blend

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

0.0%	0.0% #4C4656	RGB 76 70 86	#4C4656
16.7%	16.7% #64526C	RGB 100 82 108	#64526C
33.3%	33.3% #825C81	RGB 130 92 129	#825C81
50.0%	50.0% #986487	RGB 152 100 135	#986487
66.7%	66.7% #AE6982	RGB 174 105 130	#AE6982
83.3%	83.3% #C46D70	RGB 196 109 112	#C46D70
100.0%	100.0% #DB8D6E	RGB 219 141 110	#DB8D6E

#4C4656 #64526C #825C81 #986487 #AE6982 #C46D70 #DB8D6E

#4C4656 - #986487 - #DB8D6E

CSS codes

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

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