#312014 - #C4BFBB | 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 #312014 to #C4BFBB

#312014 #C4BFBB

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

#312014 - #C4BFBB | 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 #312014 as 0% and #C4BFBB as 100%.

0.0%	0.0% #312014	RGB 49 32 20	#312014
16.7%	16.7% #493A2F	RGB 73 58 47	#493A2F
33.3%	33.3% #62554B	RGB 98 85 75	#62554B
50.0%	50.0% #7A6F67	RGB 122 111 103	#7A6F67
66.7%	66.7% #938A83	RGB 147 138 131	#938A83
83.3%	83.3% #ABA49F	RGB 171 164 159	#ABA49F
100.0%	100.0% #C4BFBB	RGB 196 191 187	#C4BFBB

#312014 #493A2F #62554B #7A6F67 #938A83 #ABA49F #C4BFBB

#312014 - #C4BFBB

HSV Blend

#312014 - #C4BFBB | 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 #312014 as 0% and #C4BFBB as 100%.

0.0%	0.0% #312014	RGB 49 32 20	#312014
16.7%	16.7% #493424	RGB 73 52 36	#493424
33.3%	33.3% #624A39	RGB 98 74 57	#624A39
50.0%	50.0% #7A6453	RGB 122 100 83	#7A6453
66.7%	66.7% #938071	RGB 147 128 113	#938071
83.3%	83.3% #AB9E94	RGB 171 158 148	#AB9E94
100.0%	100.0% #C4BFBB	RGB 196 191 187	#C4BFBB

#312014 #493424 #624A39 #7A6453 #938071 #AB9E94 #C4BFBB

#312014 - #7A6453 - #C4BFBB

CSS codes

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

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