#5E5704 - #10070F | 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 #5E5704 to #10070F

#5E5704 #10070F

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

#5E5704 - #10070F | 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 #5E5704 as 0% and #10070F as 100%.

0.0%	0.0% #5E5704	RGB 94 87 4	#5E5704
16.7%	16.7% #514905	RGB 81 73 5	#514905
33.3%	33.3% #443C07	RGB 68 60 7	#443C07
50.0%	50.0% #372F09	RGB 55 47 9	#372F09
66.7%	66.7% #2A210B	RGB 42 33 11	#2A210B
83.3%	83.3% #1D140D	RGB 29 20 13	#1D140D
100.0%	100.0% #10070F	RGB 16 7 15	#10070F

#5E5704 #514905 #443C07 #372F09 #2A210B #1D140D #10070F

#5E5704 - #10070F

HSV Blend

#5E5704 - #10070F | 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 #5E5704 as 0% and #10070F as 100%.

0.0%	0.0% #5E5703	RGB 94 87 3	#5E5703
16.7%	16.7% #513508	RGB 81 53 8	#513508
33.3%	33.3% #441D0B	RGB 68 29 11	#441D0B
50.0%	50.0% #370D0D	RGB 55 13 13	#370D0D
66.7%	66.7% #2A0C15	RGB 42 12 21	#2A0C15
83.3%	83.3% #1D0A15	RGB 29 10 21	#1D0A15
100.0%	100.0% #10070F	RGB 16 7 15	#10070F

#5E5703 #513508 #441D0B #370D0D #2A0C15 #1D0A15 #10070F

#5E5704 - #370D0D - #10070F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5703 0%, #370D0D 50%, #10070F 100%);
    background: -webkit-linear-gradient(top, #5E5703 0%, #370D0D 50%, #10070F 100%);
    background: linear-gradient(to bottom, #5E5703 0%, #370D0D 50%, #10070F 100%);
}
</style>