#312218 - #C4BFBD | 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 #312218 to #C4BFBD

#312218 #C4BFBD

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

#312218 - #C4BFBD | 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 #312218 as 0% and #C4BFBD as 100%.

0.0%	0.0% #312218	RGB 49 34 24	#312218
16.7%	16.7% #493C33	RGB 73 60 51	#493C33
33.3%	33.3% #62564F	RGB 98 86 79	#62564F
50.0%	50.0% #7A706A	RGB 122 112 106	#7A706A
66.7%	66.7% #938A86	RGB 147 138 134	#938A86
83.3%	83.3% #ABA4A1	RGB 171 164 161	#ABA4A1
100.0%	100.0% #C4BFBD	RGB 196 191 189	#C4BFBD

#312218 #493C33 #62564F #7A706A #938A86 #ABA4A1 #C4BFBD

#312218 - #C4BFBD

HSV Blend

#312218 - #C4BFBD | 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 #312218 as 0% and #C4BFBD as 100%.

0.0%	0.0% #312218	RGB 49 34 24	#312218
16.7%	16.7% #493529	RGB 73 53 41	#493529
33.3%	33.3% #624B3F	RGB 98 75 63	#624B3F
50.0%	50.0% #7A6459	RGB 122 100 89	#7A6459
66.7%	66.7% #937F76	RGB 147 127 118	#937F76
83.3%	83.3% #AB9D97	RGB 171 157 151	#AB9D97
100.0%	100.0% #C4BFBD	RGB 196 191 189	#C4BFBD

#312218 #493529 #624B3F #7A6459 #937F76 #AB9D97 #C4BFBD

#312218 - #7A6459 - #C4BFBD

CSS codes

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

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