#5E3F0D - #381E08 | 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 #5E3F0D to #381E08

#5E3F0D #381E08

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

#5E3F0D - #381E08 | 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 #5E3F0D as 0% and #381E08 as 100%.

0.0%	0.0% #5E3F0D	RGB 94 63 13	#5E3F0D
16.7%	16.7% #57390C	RGB 87 57 12	#57390C
33.3%	33.3% #51340B	RGB 81 52 11	#51340B
50.0%	50.0% #4B2E0A	RGB 75 46 10	#4B2E0A
66.7%	66.7% #442909	RGB 68 41 9	#442909
83.3%	83.3% #3E2308	RGB 62 35 8	#3E2308
100.0%	100.0% #381E08	RGB 56 30 8	#381E08

#5E3F0D #57390C #51340B #4B2E0A #442909 #3E2308 #381E08

#5E3F0D - #381E08

HSV Blend

#5E3F0D - #381E08 | 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 #5E3F0D as 0% and #381E08 as 100%.

0.0%	0.0% #5E3F0C	RGB 94 63 12	#5E3F0C
16.7%	16.7% #57380C	RGB 87 56 12	#57380C
33.3%	33.3% #51320B	RGB 81 50 11	#51320B
50.0%	50.0% #4B2D0A	RGB 75 45 10	#4B2D0A
66.7%	66.7% #442709	RGB 68 39 9	#442709
83.3%	83.3% #3E2208	RGB 62 34 8	#3E2208
100.0%	100.0% #381E08	RGB 56 30 8	#381E08

#5E3F0C #57380C #51320B #4B2D0A #442709 #3E2208 #381E08

#5E3F0D - #4B2D0A - #381E08

CSS codes

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

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