#312923 - #8E6B51 | 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 #312923 to #8E6B51

#312923 #8E6B51

Calculate the color between two colors, #312923 and #8E6B51. 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)

#312923 - #8E6B51 | 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 #312923 as 0% and #8E6B51 as 100%.

0.0%	0.0% #312923	RGB 49 41 35	#312923
16.7%	16.7% #40342A	RGB 64 52 42	#40342A
33.3%	33.3% #503F32	RGB 80 63 50	#503F32
50.0%	50.0% #5F4A3A	RGB 95 74 58	#5F4A3A
66.7%	66.7% #6F5541	RGB 111 85 65	#6F5541
83.3%	83.3% #7E6049	RGB 126 96 73	#7E6049
100.0%	100.0% #8E6B51	RGB 142 107 81	#8E6B51

#312923 #40342A #503F32 #5F4A3A #6F5541 #7E6049 #8E6B51

#312923 - #8E6B51

HSV Blend

#312923 - #8E6B51 | 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 #312923 as 0% and #8E6B51 as 100%.

0.0%	0.0% #312923	RGB 49 41 35	#312923
16.7%	16.7% #40352C	RGB 64 53 44	#40352C
33.3%	33.3% #504035	RGB 80 64 53	#504035
50.0%	50.0% #5F4B3D	RGB 95 75 61	#5F4B3D
66.7%	66.7% #6F5644	RGB 111 86 68	#6F5644
83.3%	83.3% #7E614B	RGB 126 97 75	#7E614B
100.0%	100.0% #8E6B51	RGB 142 107 81	#8E6B51

#312923 #40352C #504035 #5F4B3D #6F5644 #7E614B #8E6B51

#312923 - #5F4B3D - #8E6B51

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #312923 0%, #5F4B3D 50%, #8E6B51 100%);
    background: -webkit-linear-gradient(top, #312923 0%, #5F4B3D 50%, #8E6B51 100%);
    background: linear-gradient(to bottom, #312923 0%, #5F4B3D 50%, #8E6B51 100%);
}
</style>