#311906 - #C4BDB7 | 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 #311906 to #C4BDB7

#311906 #C4BDB7

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

#311906 - #C4BDB7 | 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 #311906 as 0% and #C4BDB7 as 100%.

0.0%	0.0% #311906	RGB 49 25 6	#311906
16.7%	16.7% #493423	RGB 73 52 35	#493423
33.3%	33.3% #624F41	RGB 98 79 65	#624F41
50.0%	50.0% #7A6B5E	RGB 122 107 94	#7A6B5E
66.7%	66.7% #93867C	RGB 147 134 124	#93867C
83.3%	83.3% #ABA199	RGB 171 161 153	#ABA199
100.0%	100.0% #C4BDB7	RGB 196 189 183	#C4BDB7

#311906 #493423 #624F41 #7A6B5E #93867C #ABA199 #C4BDB7

#311906 - #C4BDB7

HSV Blend

#311906 - #C4BDB7 | 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 #311906 as 0% and #C4BDB7 as 100%.

0.0%	0.0% #311906	RGB 49 25 6	#311906
16.7%	16.7% #492B12	RGB 73 43 18	#492B12
33.3%	33.3% #624126	RGB 98 65 38	#624126
50.0%	50.0% #7A5A40	RGB 122 90 64	#7A5A40
66.7%	66.7% #937861	RGB 147 120 97	#937861
83.3%	83.3% #AB9888	RGB 171 152 136	#AB9888
100.0%	100.0% #C4BDB7	RGB 196 189 183	#C4BDB7

#311906 #492B12 #624126 #7A5A40 #937861 #AB9888 #C4BDB7

#311906 - #7A5A40 - #C4BDB7

CSS codes

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

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