#5E5E0E - #383008 | 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 #5E5E0E to #383008

#5E5E0E #383008

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

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

0.0%	0.0% #5E5E0E	RGB 94 94 14	#5E5E0E
16.7%	16.7% #57560D	RGB 87 86 13	#57560D
33.3%	33.3% #514E0C	RGB 81 78 12	#514E0C
50.0%	50.0% #4B470B	RGB 75 71 11	#4B470B
66.7%	66.7% #443F0A	RGB 68 63 10	#443F0A
83.3%	83.3% #3E3709	RGB 62 55 9	#3E3709
100.0%	100.0% #383008	RGB 56 48 8	#383008

#5E5E0E #57560D #514E0C #4B470B #443F0A #3E3709 #383008

#5E5E0E - #383008

HSV Blend

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

0.0%	0.0% #5E5E0D	RGB 94 94 13	#5E5E0D
16.7%	16.7% #57550C	RGB 87 85 12	#57550C
33.3%	33.3% #514D0B	RGB 81 77 11	#514D0B
50.0%	50.0% #4B450A	RGB 75 69 10	#4B450A
66.7%	66.7% #443E09	RGB 68 62 9	#443E09
83.3%	83.3% #3E3608	RGB 62 54 8	#3E3608
100.0%	100.0% #383008	RGB 56 48 8	#383008

#5E5E0D #57550C #514D0B #4B450A #443E09 #3E3608 #383008

#5E5E0E - #4B450A - #383008

CSS codes

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

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