#5E2D08 - #341609 | 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 #5E2D08 to #341609

#5E2D08 #341609

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

#5E2D08 - #341609 | 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 #5E2D08 as 0% and #341609 as 100%.

0.0%	0.0% #5E2D08	RGB 94 45 8	#5E2D08
16.7%	16.7% #572908	RGB 87 41 8	#572908
33.3%	33.3% #502508	RGB 80 37 8	#502508
50.0%	50.0% #492108	RGB 73 33 8	#492108
66.7%	66.7% #421D08	RGB 66 29 8	#421D08
83.3%	83.3% #3B1908	RGB 59 25 8	#3B1908
100.0%	100.0% #341609	RGB 52 22 9	#341609

#5E2D08 #572908 #502508 #492108 #421D08 #3B1908 #341609

#5E2D08 - #341609

HSV Blend

#5E2D08 - #341609 | 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 #5E2D08 as 0% and #341609 as 100%.

0.0%	0.0% #5E2C07	RGB 94 44 7	#5E2C07
16.7%	16.7% #572808	RGB 87 40 8	#572808
33.3%	33.3% #502409	RGB 80 36 9	#502409
50.0%	50.0% #492009	RGB 73 32 9	#492009
66.7%	66.7% #421C09	RGB 66 28 9	#421C09
83.3%	83.3% #3B1909	RGB 59 25 9	#3B1909
100.0%	100.0% #341609	RGB 52 22 9	#341609

#5E2C07 #572808 #502409 #492009 #421C09 #3B1909 #341609

#5E2D08 - #492009 - #341609

CSS codes

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

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