#5E4F00 - #34240B | 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 #5E4F00 to #34240B

#5E4F00 #34240B

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

#5E4F00 - #34240B | 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 #5E4F00 as 0% and #34240B as 100%.

0.0%	0.0% #5E4F00	RGB 94 79 0	#5E4F00
16.7%	16.7% #574701	RGB 87 71 1	#574701
33.3%	33.3% #504003	RGB 80 64 3	#504003
50.0%	50.0% #493905	RGB 73 57 5	#493905
66.7%	66.7% #423207	RGB 66 50 7	#423207
83.3%	83.3% #3B2B09	RGB 59 43 9	#3B2B09
100.0%	100.0% #34240B	RGB 52 36 11	#34240B

#5E4F00 #574701 #504003 #493905 #423207 #3B2B09 #34240B

#5E4F00 - #34240B

HSV Blend

#5E4F00 - #34240B | 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 #5E4F00 as 0% and #34240B as 100%.

0.0%	0.0% #5E4F00	RGB 94 79 0	#5E4F00
16.7%	16.7% #574603	RGB 87 70 3	#574603
33.3%	33.3% #503E05	RGB 80 62 5	#503E05
50.0%	50.0% #493707	RGB 73 55 7	#493707
66.7%	66.7% #423009	RGB 66 48 9	#423009
83.3%	83.3% #3B290A	RGB 59 41 10	#3B290A
100.0%	100.0% #34240B	RGB 52 36 11	#34240B

#5E4F00 #574603 #503E05 #493707 #423009 #3B290A #34240B

#5E4F00 - #493707 - #34240B

CSS codes

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

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