#5E3404 - #BF6E19 | 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 #5E3404 to #BF6E19

#5E3404 #BF6E19

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

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

0.0%	0.0% #5E3404	RGB 94 52 4	#5E3404
16.7%	16.7% #6E3D07	RGB 110 61 7	#6E3D07
33.3%	33.3% #7E470B	RGB 126 71 11	#7E470B
50.0%	50.0% #8E510E	RGB 142 81 14	#8E510E
66.7%	66.7% #9E5A12	RGB 158 90 18	#9E5A12
83.3%	83.3% #AE6415	RGB 174 100 21	#AE6415
100.0%	100.0% #BF6E19	RGB 191 110 25	#BF6E19

#5E3404 #6E3D07 #7E470B #8E510E #9E5A12 #AE6415 #BF6E19

#5E3404 - #BF6E19

HSV Blend

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

0.0%	0.0% #5E3403	RGB 94 52 3	#5E3403
16.7%	16.7% #6E3D06	RGB 110 61 6	#6E3D06
33.3%	33.3% #7E4609	RGB 126 70 9	#7E4609
50.0%	50.0% #8E500C	RGB 142 80 12	#8E500C
66.7%	66.7% #9E5A10	RGB 158 90 16	#9E5A10
83.3%	83.3% #AE6314	RGB 174 99 20	#AE6314
100.0%	100.0% #BF6E19	RGB 191 110 25	#BF6E19

#5E3403 #6E3D06 #7E4609 #8E500C #9E5A10 #AE6314 #BF6E19

#5E3404 - #8E500C - #BF6E19

CSS codes

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

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