#5E1F08 - #321109 | 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 #5E1F08 to #321109

#5E1F08 #321109

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

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

0.0%	0.0% #5E1F08	RGB 94 31 8	#5E1F08
16.7%	16.7% #561C08	RGB 86 28 8	#561C08
33.3%	33.3% #4F1A08	RGB 79 26 8	#4F1A08
50.0%	50.0% #481808	RGB 72 24 8	#481808
66.7%	66.7% #401508	RGB 64 21 8	#401508
83.3%	83.3% #391308	RGB 57 19 8	#391308
100.0%	100.0% #321109	RGB 50 17 9	#321109

#5E1F08 #561C08 #4F1A08 #481808 #401508 #391308 #321109

#5E1F08 - #321109

HSV Blend

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

0.0%	0.0% #5E1F07	RGB 94 31 7	#5E1F07
16.7%	16.7% #561C08	RGB 86 28 8	#561C08
33.3%	33.3% #4F1A09	RGB 79 26 9	#4F1A09
50.0%	50.0% #481709	RGB 72 23 9	#481709
66.7%	66.7% #401509	RGB 64 21 9	#401509
83.3%	83.3% #391309	RGB 57 19 9	#391309
100.0%	100.0% #321109	RGB 50 17 9	#321109

#5E1F07 #561C08 #4F1A09 #481709 #401509 #391309 #321109

#5E1F08 - #481709 - #321109

CSS codes

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

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