#5E2414 - #391206 | 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 #5E2414 to #391206

#5E2414 #391206

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

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

0.0%	0.0% #5E2414	RGB 94 36 20	#5E2414
16.7%	16.7% #572111	RGB 87 33 17	#572111
33.3%	33.3% #511E0F	RGB 81 30 15	#511E0F
50.0%	50.0% #4B1B0D	RGB 75 27 13	#4B1B0D
66.7%	66.7% #45180A	RGB 69 24 10	#45180A
83.3%	83.3% #3F1508	RGB 63 21 8	#3F1508
100.0%	100.0% #391206	RGB 57 18 6	#391206

#5E2414 #572111 #511E0F #4B1B0D #45180A #3F1508 #391206

#5E2414 - #391206

HSV Blend

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

0.0%	0.0% #5E2313	RGB 94 35 19	#5E2313
16.7%	16.7% #572011	RGB 87 32 17	#572011
33.3%	33.3% #511D0E	RGB 81 29 14	#511D0E
50.0%	50.0% #4B1A0C	RGB 75 26 12	#4B1A0C
66.7%	66.7% #451709	RGB 69 23 9	#451709
83.3%	83.3% #3F1407	RGB 63 20 7	#3F1407
100.0%	100.0% #391206	RGB 57 18 6	#391206

#5E2313 #572011 #511D0E #4B1A0C #451709 #3F1407 #391206

#5E2414 - #4B1A0C - #391206

CSS codes

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

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