#52522E - #CB974D | 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 #52522E to #CB974D

#52522E #CB974D

Calculate the color between two colors, #52522E and #CB974D. 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)

#52522E - #CB974D | 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 #52522E as 0% and #CB974D as 100%.

0.0%	0.0% #52522E	RGB 82 82 46	#52522E
16.7%	16.7% #665D33	RGB 102 93 51	#665D33
33.3%	33.3% #7A6938	RGB 122 105 56	#7A6938
50.0%	50.0% #8E743D	RGB 142 116 61	#8E743D
66.7%	66.7% #A28042	RGB 162 128 66	#A28042
83.3%	83.3% #B68B47	RGB 182 139 71	#B68B47
100.0%	100.0% #CB974D	RGB 203 151 77	#CB974D

#52522E #665D33 #7A6938 #8E743D #A28042 #B68B47 #CB974D

#52522E - #CB974D

HSV Blend

#52522E - #CB974D | 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 #52522E as 0% and #CB974D as 100%.

0.0%	0.0% #52522E	RGB 82 82 46	#52522E
16.7%	16.7% #666236	RGB 102 98 54	#666236
33.3%	33.3% #7A713D	RGB 122 113 61	#7A713D
50.0%	50.0% #8E7E42	RGB 142 126 66	#8E7E42
66.7%	66.7% #A28947	RGB 162 137 71	#A28947
83.3%	83.3% #B6914A	RGB 182 145 74	#B6914A
100.0%	100.0% #CB974D	RGB 203 151 77	#CB974D

#52522E #666236 #7A713D #8E7E42 #A28947 #B6914A #CB974D

#52522E - #8E7E42 - #CB974D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #52522E 0%, #8E7E42 50%, #CB974D 100%);
    background: -webkit-linear-gradient(top, #52522E 0%, #8E7E42 50%, #CB974D 100%);
    background: linear-gradient(to bottom, #52522E 0%, #8E7E42 50%, #CB974D 100%);
}
</style>