#524F49 - #C7996F | 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 #524F49 to #C7996F

#524F49 #C7996F

Calculate the color between two colors, #524F49 and #C7996F. 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)

#524F49 - #C7996F | 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 #524F49 as 0% and #C7996F as 100%.

0.0%	0.0% #524F49	RGB 82 79 73	#524F49
16.7%	16.7% #655B4F	RGB 101 91 79	#655B4F
33.3%	33.3% #796755	RGB 121 103 85	#796755
50.0%	50.0% #8C745C	RGB 140 116 92	#8C745C
66.7%	66.7% #A08062	RGB 160 128 98	#A08062
83.3%	83.3% #B38C68	RGB 179 140 104	#B38C68
100.0%	100.0% #C7996F	RGB 199 153 111	#C7996F

#524F49 #655B4F #796755 #8C745C #A08062 #B38C68 #C7996F

#524F49 - #C7996F

HSV Blend

#524F49 - #C7996F | 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 #524F49 as 0% and #C7996F as 100%.

0.0%	0.0% #524F49	RGB 82 79 73	#524F49
16.7%	16.7% #655F54	RGB 101 95 84	#655F54
33.3%	33.3% #796E5E	RGB 121 110 94	#796E5E
50.0%	50.0% #8C7B65	RGB 140 123 101	#8C7B65
66.7%	66.7% #A0876A	RGB 160 135 106	#A0876A
83.3%	83.3% #B3916E	RGB 179 145 110	#B3916E
100.0%	100.0% #C7996F	RGB 199 153 111	#C7996F

#524F49 #655F54 #796E5E #8C7B65 #A0876A #B3916E #C7996F

#524F49 - #8C7B65 - #C7996F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #524F49 0%, #8C7B65 50%, #C7996F 100%);
    background: -webkit-linear-gradient(top, #524F49 0%, #8C7B65 50%, #C7996F 100%);
    background: linear-gradient(to bottom, #524F49 0%, #8C7B65 50%, #C7996F 100%);
}
</style>