#524444 - #C49072 | 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 #524444 to #C49072

#524444 #C49072

Calculate the color between two colors, #524444 and #C49072. 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)

#524444 - #C49072 | 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 #524444 as 0% and #C49072 as 100%.

0.0%	0.0% #524444	RGB 82 68 68	#524444
16.7%	16.7% #65504B	RGB 101 80 75	#65504B
33.3%	33.3% #785D53	RGB 120 93 83	#785D53
50.0%	50.0% #8B6A5B	RGB 139 106 91	#8B6A5B
66.7%	66.7% #9E7662	RGB 158 118 98	#9E7662
83.3%	83.3% #B1836A	RGB 177 131 106	#B1836A
100.0%	100.0% #C49072	RGB 196 144 114	#C49072

#524444 #65504B #785D53 #8B6A5B #9E7662 #B1836A #C49072

#524444 - #C49072

HSV Blend

#524444 - #C49072 | 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 #524444 as 0% and #C49072 as 100%.

0.0%	0.0% #524444	RGB 82 68 68	#524444
16.7%	16.7% #65504F	RGB 101 80 79	#65504F
33.3%	33.3% #785D59	RGB 120 93 89	#785D59
50.0%	50.0% #8B6962	RGB 139 105 98	#8B6962
66.7%	66.7% #9E7568	RGB 158 117 104	#9E7568
83.3%	83.3% #B1826E	RGB 177 130 110	#B1826E
100.0%	100.0% #C49072	RGB 196 144 114	#C49072

#524444 #65504F #785D59 #8B6962 #9E7568 #B1826E #C49072

#524444 - #8B6962 - #C49072

CSS codes

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

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