#5E2512 - #381307 | 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 #5E2512 to #381307

#5E2512 #381307

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

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

0.0%	0.0% #5E2512	RGB 94 37 18	#5E2512
16.7%	16.7% #572210	RGB 87 34 16	#572210
33.3%	33.3% #511F0E	RGB 81 31 14	#511F0E
50.0%	50.0% #4B1C0C	RGB 75 28 12	#4B1C0C
66.7%	66.7% #44190A	RGB 68 25 10	#44190A
83.3%	83.3% #3E1608	RGB 62 22 8	#3E1608
100.0%	100.0% #381307	RGB 56 19 7	#381307

#5E2512 #572210 #511F0E #4B1C0C #44190A #3E1608 #381307

#5E2512 - #381307

HSV Blend

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

0.0%	0.0% #5E2511	RGB 94 37 17	#5E2511
16.7%	16.7% #57210F	RGB 87 33 15	#57210F
33.3%	33.3% #511E0D	RGB 81 30 13	#511E0D
50.0%	50.0% #4B1B0B	RGB 75 27 11	#4B1B0B
66.7%	66.7% #44180A	RGB 68 24 10	#44180A
83.3%	83.3% #3E1508	RGB 62 21 8	#3E1508
100.0%	100.0% #381307	RGB 56 19 7	#381307

#5E2511 #57210F #511E0D #4B1B0B #44180A #3E1508 #381307

#5E2512 - #4B1B0B - #381307

CSS codes

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

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