#5E462B - #2F1F06 | 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 #5E462B to #2F1F06

#5E462B #2F1F06

Calculate the color between two colors, #5E462B and #2F1F06. 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)

#5E462B - #2F1F06 | 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 #5E462B as 0% and #2F1F06 as 100%.

0.0%	0.0% #5E462B	RGB 94 70 43	#5E462B
16.7%	16.7% #563F24	RGB 86 63 36	#563F24
33.3%	33.3% #4E391E	RGB 78 57 30	#4E391E
50.0%	50.0% #463218	RGB 70 50 24	#463218
66.7%	66.7% #3E2C12	RGB 62 44 18	#3E2C12
83.3%	83.3% #36250C	RGB 54 37 12	#36250C
100.0%	100.0% #2F1F06	RGB 47 31 6	#2F1F06

#5E462B #563F24 #4E391E #463218 #3E2C12 #36250C #2F1F06

#5E462B - #2F1F06

HSV Blend

#5E462B - #2F1F06 | 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 #5E462B as 0% and #2F1F06 as 100%.

0.0%	0.0% #5E462B	RGB 94 70 43	#5E462B
16.7%	16.7% #563E22	RGB 86 62 34	#563E22
33.3%	33.3% #4E371B	RGB 78 55 27	#4E371B
50.0%	50.0% #463114	RGB 70 49 20	#463114
66.7%	66.7% #3E2A0E	RGB 62 42 14	#3E2A0E
83.3%	83.3% #36240A	RGB 54 36 10	#36240A
100.0%	100.0% #2F1F06	RGB 47 31 6	#2F1F06

#5E462B #563E22 #4E371B #463114 #3E2A0E #36240A #2F1F06

#5E462B - #463114 - #2F1F06

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E462B 0%, #463114 50%, #2F1F06 100%);
    background: -webkit-linear-gradient(top, #5E462B 0%, #463114 50%, #2F1F06 100%);
    background: linear-gradient(to bottom, #5E462B 0%, #463114 50%, #2F1F06 100%);
}
</style>