#525049 - #422C08 | 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 #525049 to #422C08

#525049 #422C08

Calculate the color between two colors, #525049 and #422C08. 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)

#525049 - #422C08 | 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 #525049 as 0% and #422C08 as 100%.

0.0%	0.0% #525049	RGB 82 80 73	#525049
16.7%	16.7% #4F4A3E	RGB 79 74 62	#4F4A3E
33.3%	33.3% #4C4433	RGB 76 68 51	#4C4433
50.0%	50.0% #4A3E28	RGB 74 62 40	#4A3E28
66.7%	66.7% #47381D	RGB 71 56 29	#47381D
83.3%	83.3% #443212	RGB 68 50 18	#443212
100.0%	100.0% #422C08	RGB 66 44 8	#422C08

#525049 #4F4A3E #4C4433 #4A3E28 #47381D #443212 #422C08

#525049 - #422C08

HSV Blend

#525049 - #422C08 | 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 #525049 as 0% and #422C08 as 100%.

0.0%	0.0% #525049	RGB 82 80 73	#525049
16.7%	16.7% #4F4A3C	RGB 79 74 60	#4F4A3C
33.3%	33.3% #4C4430	RGB 76 68 48	#4C4430
50.0%	50.0% #4A3E25	RGB 74 62 37	#4A3E25
66.7%	66.7% #47381A	RGB 71 56 26	#47381A
83.3%	83.3% #443211	RGB 68 50 17	#443211
100.0%	100.0% #422C08	RGB 66 44 8	#422C08

#525049 #4F4A3C #4C4430 #4A3E25 #47381A #443211 #422C08

#525049 - #4A3E25 - #422C08

CSS codes

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

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