#5E411F - #3F2005 | 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 #5E411F to #3F2005

#5E411F #3F2005

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

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

0.0%	0.0% #5E411F	RGB 94 65 31	#5E411F
16.7%	16.7% #583B1A	RGB 88 59 26	#583B1A
33.3%	33.3% #533616	RGB 83 54 22	#533616
50.0%	50.0% #4E3012	RGB 78 48 18	#4E3012
66.7%	66.7% #492B0D	RGB 73 43 13	#492B0D
83.3%	83.3% #442509	RGB 68 37 9	#442509
100.0%	100.0% #3F2005	RGB 63 32 5	#3F2005

#5E411F #583B1A #533616 #4E3012 #492B0D #442509 #3F2005

#5E411F - #3F2005

HSV Blend

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

0.0%	0.0% #5E411F	RGB 94 65 31	#5E411F
16.7%	16.7% #583A19	RGB 88 58 25	#583A19
33.3%	33.3% #533514	RGB 83 53 20	#533514
50.0%	50.0% #4E2F10	RGB 78 47 16	#4E2F10
66.7%	66.7% #492A0B	RGB 73 42 11	#492A0B
83.3%	83.3% #442408	RGB 68 36 8	#442408
100.0%	100.0% #3F2005	RGB 63 32 5	#3F2005

#5E411F #583A19 #533514 #4E2F10 #492A0B #442408 #3F2005

#5E411F - #4E2F10 - #3F2005

CSS codes

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

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