#311D1C - #845A4C | 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 #311D1C to #845A4C

#311D1C #845A4C

Calculate the color between two colors, #311D1C and #845A4C. 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)

#311D1C - #845A4C | 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 #311D1C as 0% and #845A4C as 100%.

0.0%	0.0% #311D1C	RGB 49 29 28	#311D1C
16.7%	16.7% #3E2724	RGB 62 39 36	#3E2724
33.3%	33.3% #4C312C	RGB 76 49 44	#4C312C
50.0%	50.0% #5A3B34	RGB 90 59 52	#5A3B34
66.7%	66.7% #68453C	RGB 104 69 60	#68453C
83.3%	83.3% #764F44	RGB 118 79 68	#764F44
100.0%	100.0% #845A4C	RGB 132 90 76	#845A4C

#311D1C #3E2724 #4C312C #5A3B34 #68453C #764F44 #845A4C

#311D1C - #845A4C

HSV Blend

#311D1C - #845A4C | 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 #311D1C as 0% and #845A4C as 100%.

0.0%	0.0% #311D1C	RGB 49 29 28	#311D1C
16.7%	16.7% #3E2623	RGB 62 38 35	#3E2623
33.3%	33.3% #4C2F2B	RGB 76 47 43	#4C2F2B
50.0%	50.0% #5A3933	RGB 90 57 51	#5A3933
66.7%	66.7% #68443B	RGB 104 68 59	#68443B
83.3%	83.3% #764E43	RGB 118 78 67	#764E43
100.0%	100.0% #845A4C	RGB 132 90 76	#845A4C

#311D1C #3E2623 #4C2F2B #5A3933 #68443B #764E43 #845A4C

#311D1C - #5A3933 - #845A4C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #311D1C 0%, #5A3933 50%, #845A4C 100%);
    background: -webkit-linear-gradient(top, #311D1C 0%, #5A3933 50%, #845A4C 100%);
    background: linear-gradient(to bottom, #311D1C 0%, #5A3933 50%, #845A4C 100%);
}
</style>