#4B4B4E - #A0886E | 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 #4B4B4E to #A0886E

#4B4B4E #A0886E

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

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

0.0%	0.0% #4B4B4E	RGB 75 75 78	#4B4B4E
16.7%	16.7% #595553	RGB 89 85 83	#595553
33.3%	33.3% #675F58	RGB 103 95 88	#675F58
50.0%	50.0% #75695E	RGB 117 105 94	#75695E
66.7%	66.7% #837363	RGB 131 115 99	#837363
83.3%	83.3% #917D68	RGB 145 125 104	#917D68
100.0%	100.0% #A0886E	RGB 160 136 110	#A0886E

#4B4B4E #595553 #675F58 #75695E #837363 #917D68 #A0886E

#4B4B4E - #A0886E

HSV Blend

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

0.0%	0.0% #4B4B4E	RGB 75 75 78	#4B4B4E
16.7%	16.7% #57535B	RGB 87 83 91	#57535B
33.3%	33.3% #675B69	RGB 103 91 105	#675B69
50.0%	50.0% #776271	RGB 119 98 113	#776271
66.7%	66.7% #846770	RGB 132 103 112	#846770
83.3%	83.3% #926F6B	RGB 146 111 107	#926F6B
100.0%	100.0% #A0886E	RGB 160 136 110	#A0886E

#4B4B4E #57535B #675B69 #776271 #846770 #926F6B #A0886E

#4B4B4E - #776271 - #A0886E

CSS codes

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

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