#392C10 - #C6C2BA | 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 #392C10 to #C6C2BA

#392C10 #C6C2BA

Calculate the color between two colors, #392C10 and #C6C2BA. 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)

#392C10 - #C6C2BA | 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 #392C10 as 0% and #C6C2BA as 100%.

0.0%	0.0% #392C10	RGB 57 44 16	#392C10
16.7%	16.7% #50452C	RGB 80 69 44	#50452C
33.3%	33.3% #685E48	RGB 104 94 72	#685E48
50.0%	50.0% #7F7765	RGB 127 119 101	#7F7765
66.7%	66.7% #979081	RGB 151 144 129	#979081
83.3%	83.3% #AEA99D	RGB 174 169 157	#AEA99D
100.0%	100.0% #C6C2BA	RGB 198 194 186	#C6C2BA

#392C10 #50452C #685E48 #7F7765 #979081 #AEA99D #C6C2BA

#392C10 - #C6C2BA

HSV Blend

#392C10 - #C6C2BA | 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 #392C10 as 0% and #C6C2BA as 100%.

0.0%	0.0% #392C10	RGB 57 44 16	#392C10
16.7%	16.7% #50401F	RGB 80 64 31	#50401F
33.3%	33.3% #685734	RGB 104 87 52	#685734
50.0%	50.0% #7F6F4D	RGB 127 111 77	#7F6F4D
66.7%	66.7% #97896C	RGB 151 137 108	#97896C
83.3%	83.3% #AEA490	RGB 174 164 144	#AEA490
100.0%	100.0% #C6C2BA	RGB 198 194 186	#C6C2BA

#392C10 #50401F #685734 #7F6F4D #97896C #AEA490 #C6C2BA

#392C10 - #7F6F4D - #C6C2BA

CSS codes

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

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