#525242 - #C99963 | 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 #525242 to #C99963

#525242 #C99963

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

#525242 - #C99963 | 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 #525242 as 0% and #C99963 as 100%.

0.0%	0.0% #525242	RGB 82 82 66	#525242
16.7%	16.7% #655D47	RGB 101 93 71	#655D47
33.3%	33.3% #79694D	RGB 121 105 77	#79694D
50.0%	50.0% #8D7552	RGB 141 117 82	#8D7552
66.7%	66.7% #A18158	RGB 161 129 88	#A18158
83.3%	83.3% #B58D5D	RGB 181 141 93	#B58D5D
100.0%	100.0% #C99963	RGB 201 153 99	#C99963

#525242 #655D47 #79694D #8D7552 #A18158 #B58D5D #C99963

#525242 - #C99963

HSV Blend

#525242 - #C99963 | 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 #525242 as 0% and #C99963 as 100%.

0.0%	0.0% #525242	RGB 82 82 66	#525242
16.7%	16.7% #65634C	RGB 101 99 76	#65634C
33.3%	33.3% #797355	RGB 121 115 85	#797355
50.0%	50.0% #8D815B	RGB 141 129 91	#8D815B
66.7%	66.7% #A18C60	RGB 161 140 96	#A18C60
83.3%	83.3% #B59462	RGB 181 148 98	#B59462
100.0%	100.0% #C99963	RGB 201 153 99	#C99963

#525242 #65634C #797355 #8D815B #A18C60 #B59462 #C99963

#525242 - #8D815B - #C99963

CSS codes

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

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