#392510 - #C6C0BA | 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 #392510 to #C6C0BA

#392510 #C6C0BA

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

#392510 - #C6C0BA | 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 #392510 as 0% and #C6C0BA as 100%.

0.0%	0.0% #392510	RGB 57 37 16	#392510
16.7%	16.7% #503E2C	RGB 80 62 44	#503E2C
33.3%	33.3% #685848	RGB 104 88 72	#685848
50.0%	50.0% #7F7265	RGB 127 114 101	#7F7265
66.7%	66.7% #978C81	RGB 151 140 129	#978C81
83.3%	83.3% #AEA69D	RGB 174 166 157	#AEA69D
100.0%	100.0% #C6C0BA	RGB 198 192 186	#C6C0BA

#392510 #503E2C #685848 #7F7265 #978C81 #AEA69D #C6C0BA

#392510 - #C6C0BA

HSV Blend

#392510 - #C6C0BA | 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 #392510 as 0% and #C6C0BA as 100%.

0.0%	0.0% #392510	RGB 57 37 16	#392510
16.7%	16.7% #50381F	RGB 80 56 31	#50381F
33.3%	33.3% #684E34	RGB 104 78 52	#684E34
50.0%	50.0% #7F664D	RGB 127 102 77	#7F664D
66.7%	66.7% #97826C	RGB 151 130 108	#97826C
83.3%	83.3% #AE9F90	RGB 174 159 144	#AE9F90
100.0%	100.0% #C6C0BA	RGB 198 192 186	#C6C0BA

#392510 #50381F #684E34 #7F664D #97826C #AE9F90 #C6C0BA

#392510 - #7F664D - #C6C0BA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #392510 0%, #7F664D 50%, #C6C0BA 100%);
    background: -webkit-linear-gradient(top, #392510 0%, #7F664D 50%, #C6C0BA 100%);
    background: linear-gradient(to bottom, #392510 0%, #7F664D 50%, #C6C0BA 100%);
}
</style>