#5E421A - #3D2006 | 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 #5E421A to #3D2006

#5E421A #3D2006

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

#5E421A - #3D2006 | 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 #5E421A as 0% and #3D2006 as 100%.

0.0%	0.0% #5E421A	RGB 94 66 26	#5E421A
16.7%	16.7% #583C16	RGB 88 60 22	#583C16
33.3%	33.3% #533613	RGB 83 54 19	#533613
50.0%	50.0% #4D3110	RGB 77 49 16	#4D3110
66.7%	66.7% #482B0C	RGB 72 43 12	#482B0C
83.3%	83.3% #422509	RGB 66 37 9	#422509
100.0%	100.0% #3D2006	RGB 61 32 6	#3D2006

#5E421A #583C16 #533613 #4D3110 #482B0C #422509 #3D2006

#5E421A - #3D2006

HSV Blend

#5E421A - #3D2006 | 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 #5E421A as 0% and #3D2006 as 100%.

0.0%	0.0% #5E421A	RGB 94 66 26	#5E421A
16.7%	16.7% #583B15	RGB 88 59 21	#583B15
33.3%	33.3% #533512	RGB 83 53 18	#533512
50.0%	50.0% #4D2F0E	RGB 77 47 14	#4D2F0E
66.7%	66.7% #482A0B	RGB 72 42 11	#482A0B
83.3%	83.3% #422508	RGB 66 37 8	#422508
100.0%	100.0% #3D2006	RGB 61 32 6	#3D2006

#5E421A #583B15 #533512 #4D2F0E #482A0B #422508 #3D2006

#5E421A - #4D2F0E - #3D2006

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E421A 0%, #4D2F0E 50%, #3D2006 100%);
    background: -webkit-linear-gradient(top, #5E421A 0%, #4D2F0E 50%, #3D2006 100%);
    background: linear-gradient(to bottom, #5E421A 0%, #4D2F0E 50%, #3D2006 100%);
}
</style>