#4A474D - #DB8D63 | 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 #4A474D to #DB8D63

#4A474D #DB8D63

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

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

0.0%	0.0% #4A474D	RGB 74 71 77	#4A474D
16.7%	16.7% #625250	RGB 98 82 80	#625250
33.3%	33.3% #7A5E54	RGB 122 94 84	#7A5E54
50.0%	50.0% #926A58	RGB 146 106 88	#926A58
66.7%	66.7% #AA755B	RGB 170 117 91	#AA755B
83.3%	83.3% #C2815F	RGB 194 129 95	#C2815F
100.0%	100.0% #DB8D63	RGB 219 141 99	#DB8D63

#4A474D #625250 #7A5E54 #926A58 #AA755B #C2815F #DB8D63

#4A474D - #DB8D63

HSV Blend

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

0.0%	0.0% #4A474D	RGB 74 71 77	#4A474D
16.7%	16.7% #615464	RGB 97 84 100	#615464
33.3%	33.3% #7C5F78	RGB 124 95 120	#7C5F78
50.0%	50.0% #946580	RGB 148 101 128	#946580
66.7%	66.7% #AB687A	RGB 171 104 122	#AB687A
83.3%	83.3% #C36B67	RGB 195 107 103	#C36B67
100.0%	100.0% #DB8D63	RGB 219 141 99	#DB8D63

#4A474D #615464 #7C5F78 #946580 #AB687A #C36B67 #DB8D63

#4A474D - #946580 - #DB8D63

CSS codes

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

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