#291D2D - #8F7F52 | 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 #291D2D to #8F7F52

#291D2D #8F7F52

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

#291D2D - #8F7F52 | 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 #291D2D as 0% and #8F7F52 as 100%.

0.0%	0.0% #291D2D	RGB 41 29 45	#291D2D
16.7%	16.7% #3A2D33	RGB 58 45 51	#3A2D33
33.3%	33.3% #4B3D39	RGB 75 61 57	#4B3D39
50.0%	50.0% #5C4E3F	RGB 92 78 63	#5C4E3F
66.7%	66.7% #6D5E45	RGB 109 94 69	#6D5E45
83.3%	83.3% #7E6E4B	RGB 126 110 75	#7E6E4B
100.0%	100.0% #8F7F52	RGB 143 127 82	#8F7F52

#291D2D #3A2D33 #4B3D39 #5C4E3F #6D5E45 #7E6E4B #8F7F52

#291D2D - #8F7F52

HSV Blend

#291D2D - #8F7F52 | 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 #291D2D as 0% and #8F7F52 as 100%.

0.0%	0.0% #291D2D	RGB 41 29 45	#291D2D
16.7%	16.7% #3D263B	RGB 61 38 59	#3D263B
33.3%	33.3% #4D3041	RGB 77 48 65	#4D3041
50.0%	50.0% #5E3942	RGB 94 57 66	#5E3942
66.7%	66.7% #6E4541	RGB 110 69 65	#6E4541
83.3%	83.3% #7E5F4A	RGB 126 95 74	#7E5F4A
100.0%	100.0% #8F7F52	RGB 143 127 82	#8F7F52

#291D2D #3D263B #4D3041 #5E3942 #6E4541 #7E5F4A #8F7F52

#291D2D - #5E3942 - #8F7F52

CSS codes

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

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