#3E2B06 - #291508 | 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 #3E2B06 to #291508

#3E2B06 #291508

Calculate the color between two colors, #3E2B06 and #291508. 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)

#3E2B06 - #291508 | 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 #3E2B06 as 0% and #291508 as 100%.

0.0%	0.0% #3E2B06	RGB 62 43 6	#3E2B06
16.7%	16.7% #3A2706	RGB 58 39 6	#3A2706
33.3%	33.3% #372306	RGB 55 35 6	#372306
50.0%	50.0% #332007	RGB 51 32 7	#332007
66.7%	66.7% #301C07	RGB 48 28 7	#301C07
83.3%	83.3% #2C1807	RGB 44 24 7	#2C1807
100.0%	100.0% #291508	RGB 41 21 8	#291508

#3E2B06 #3A2706 #372306 #332007 #301C07 #2C1807 #291508

#3E2B06 - #291508

HSV Blend

#3E2B06 - #291508 | 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 #3E2B06 as 0% and #291508 as 100%.

0.0%	0.0% #3E2B06	RGB 62 43 6	#3E2B06
16.7%	16.7% #3A2606	RGB 58 38 6	#3A2606
33.3%	33.3% #372207	RGB 55 34 7	#372207
50.0%	50.0% #331E07	RGB 51 30 7	#331E07
66.7%	66.7% #301B07	RGB 48 27 7	#301B07
83.3%	83.3% #2C1707	RGB 44 23 7	#2C1707
100.0%	100.0% #291508	RGB 41 21 8	#291508

#3E2B06 #3A2606 #372207 #331E07 #301B07 #2C1707 #291508

#3E2B06 - #331E07 - #291508

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E2B06 0%, #331E07 50%, #291508 100%);
    background: -webkit-linear-gradient(top, #3E2B06 0%, #331E07 50%, #291508 100%);
    background: linear-gradient(to bottom, #3E2B06 0%, #331E07 50%, #291508 100%);
}
</style>