#4B444D - #D7875E | 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 #4B444D to #D7875E

#4B444D #D7875E

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

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

0.0%	0.0% #4B444D	RGB 75 68 77	#4B444D
16.7%	16.7% #624F4F	RGB 98 79 79	#624F4F
33.3%	33.3% #795A52	RGB 121 90 82	#795A52
50.0%	50.0% #916555	RGB 145 101 85	#916555
66.7%	66.7% #A87058	RGB 168 112 88	#A87058
83.3%	83.3% #BF7B5B	RGB 191 123 91	#BF7B5B
100.0%	100.0% #D7875E	RGB 215 135 94	#D7875E

#4B444D #624F4F #795A52 #916555 #A87058 #BF7B5B #D7875E

#4B444D - #D7875E

HSV Blend

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

0.0%	0.0% #4B444D	RGB 75 68 77	#4B444D
16.7%	16.7% #645063	RGB 100 80 99	#645063
33.3%	33.3% #7B5A71	RGB 123 90 113	#7B5A71
50.0%	50.0% #926076	RGB 146 96 118	#926076
66.7%	66.7% #A9636F	RGB 169 99 111	#A9636F
83.3%	83.3% #C06962	RGB 192 105 98	#C06962
100.0%	100.0% #D7875E	RGB 215 135 94	#D7875E

#4B444D #645063 #7B5A71 #926076 #A9636F #C06962 #D7875E

#4B444D - #926076 - #D7875E

CSS codes

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

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