#4F4242 - #C08E71 | 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 #4F4242 to #C08E71

#4F4242 #C08E71

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

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

0.0%	0.0% #4F4242	RGB 79 66 66	#4F4242
16.7%	16.7% #614E49	RGB 97 78 73	#614E49
33.3%	33.3% #745B51	RGB 116 91 81	#745B51
50.0%	50.0% #876859	RGB 135 104 89	#876859
66.7%	66.7% #9A7461	RGB 154 116 97	#9A7461
83.3%	83.3% #AD8169	RGB 173 129 105	#AD8169
100.0%	100.0% #C08E71	RGB 192 142 113	#C08E71

#4F4242 #614E49 #745B51 #876859 #9A7461 #AD8169 #C08E71

#4F4242 - #C08E71

HSV Blend

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

0.0%	0.0% #4F4242	RGB 79 66 66	#4F4242
16.7%	16.7% #614E4D	RGB 97 78 77	#614E4D
33.3%	33.3% #745B57	RGB 116 91 87	#745B57
50.0%	50.0% #876760	RGB 135 103 96	#876760
66.7%	66.7% #9A7367	RGB 154 115 103	#9A7367
83.3%	83.3% #AD806D	RGB 173 128 109	#AD806D
100.0%	100.0% #C08E71	RGB 192 142 113	#C08E71

#4F4242 #614E4D #745B57 #876760 #9A7367 #AD806D #C08E71

#4F4242 - #876760 - #C08E71

CSS codes

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

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