#4B444C - #D6875C | 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 #4B444C to #D6875C

#4B444C #D6875C

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

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

0.0%	0.0% #4B444C	RGB 75 68 76	#4B444C
16.7%	16.7% #624F4E	RGB 98 79 78	#624F4E
33.3%	33.3% #795A51	RGB 121 90 81	#795A51
50.0%	50.0% #906554	RGB 144 101 84	#906554
66.7%	66.7% #A77056	RGB 167 112 86	#A77056
83.3%	83.3% #BE7B59	RGB 190 123 89	#BE7B59
100.0%	100.0% #D6875C	RGB 214 135 92	#D6875C

#4B444C #624F4E #795A51 #906554 #A77056 #BE7B59 #D6875C

#4B444C - #D6875C

HSV Blend

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

0.0%	0.0% #4B444C	RGB 75 68 76	#4B444C
16.7%	16.7% #635060	RGB 99 80 96	#635060
33.3%	33.3% #7A5A6E	RGB 122 90 110	#7A5A6E
50.0%	50.0% #916072	RGB 145 96 114	#916072
66.7%	66.7% #A8626C	RGB 168 98 108	#A8626C
83.3%	83.3% #BF6A60	RGB 191 106 96	#BF6A60
100.0%	100.0% #D6875C	RGB 214 135 92	#D6875C

#4B444C #635060 #7A5A6E #916072 #A8626C #BF6A60 #D6875C

#4B444C - #916072 - #D6875C

CSS codes

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

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