#391E10 - #C6BEBA | 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 #391E10 to #C6BEBA

#391E10 #C6BEBA

Calculate the color between two colors, #391E10 and #C6BEBA. 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)

#391E10 - #C6BEBA | 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 #391E10 as 0% and #C6BEBA as 100%.

0.0%	0.0% #391E10	RGB 57 30 16	#391E10
16.7%	16.7% #50382C	RGB 80 56 44	#50382C
33.3%	33.3% #685348	RGB 104 83 72	#685348
50.0%	50.0% #7F6E65	RGB 127 110 101	#7F6E65
66.7%	66.7% #978881	RGB 151 136 129	#978881
83.3%	83.3% #AEA39D	RGB 174 163 157	#AEA39D
100.0%	100.0% #C6BEBA	RGB 198 190 186	#C6BEBA

#391E10 #50382C #685348 #7F6E65 #978881 #AEA39D #C6BEBA

#391E10 - #C6BEBA

HSV Blend

#391E10 - #C6BEBA | 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 #391E10 as 0% and #C6BEBA as 100%.

0.0%	0.0% #391E10	RGB 57 30 16	#391E10
16.7%	16.7% #50301F	RGB 80 48 31	#50301F
33.3%	33.3% #684534	RGB 104 69 52	#684534
50.0%	50.0% #7F5E4D	RGB 127 94 77	#7F5E4D
66.7%	66.7% #977A6C	RGB 151 122 108	#977A6C
83.3%	83.3% #AE9A90	RGB 174 154 144	#AE9A90
100.0%	100.0% #C6BEBA	RGB 198 190 186	#C6BEBA

#391E10 #50301F #684534 #7F5E4D #977A6C #AE9A90 #C6BEBA

#391E10 - #7F5E4D - #C6BEBA

CSS codes

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

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