#312218 - #875F43 | 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 #875F43

#312218 #875F43

Calculate the color between two colors, #312218 and #875F43. 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 - #875F43 | 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 #875F43 as 100%.

0.0%	0.0% #312218	RGB 49 34 24	#312218
16.7%	16.7% #3F2C1F	RGB 63 44 31	#3F2C1F
33.3%	33.3% #4D3626	RGB 77 54 38	#4D3626
50.0%	50.0% #5C402D	RGB 92 64 45	#5C402D
66.7%	66.7% #6A4A34	RGB 106 74 52	#6A4A34
83.3%	83.3% #78543B	RGB 120 84 59	#78543B
100.0%	100.0% #875F43	RGB 135 95 67	#875F43

#312218 #3F2C1F #4D3626 #5C402D #6A4A34 #78543B #875F43

#312218 - #875F43

HSV Blend

#312218 - #875F43 | 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 #875F43 as 100%.

0.0%	0.0% #312218	RGB 49 34 24	#312218
16.7%	16.7% #3F2C1F	RGB 63 44 31	#3F2C1F
33.3%	33.3% #4D3626	RGB 77 54 38	#4D3626
50.0%	50.0% #5C402D	RGB 92 64 45	#5C402D
66.7%	66.7% #6A4A34	RGB 106 74 52	#6A4A34
83.3%	83.3% #78543B	RGB 120 84 59	#78543B
100.0%	100.0% #875F43	RGB 135 95 67	#875F43

#312218 #3F2C1F #4D3626 #5C402D #6A4A34 #78543B #875F43

#312218 - #5C402D - #875F43

CSS codes

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

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