#5E2D32 - #370214 | 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 #5E2D32 to #370214

#5E2D32 #370214

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

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

0.0%	0.0% #5E2D32	RGB 94 45 50	#5E2D32
16.7%	16.7% #57252D	RGB 87 37 45	#57252D
33.3%	33.3% #511E28	RGB 81 30 40	#511E28
50.0%	50.0% #4A1723	RGB 74 23 35	#4A1723
66.7%	66.7% #44101E	RGB 68 16 30	#44101E
83.3%	83.3% #3D0919	RGB 61 9 25	#3D0919
100.0%	100.0% #370214	RGB 55 2 20	#370214

#5E2D32 #57252D #511E28 #4A1723 #44101E #3D0919 #370214

#5E2D32 - #370214

HSV Blend

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

0.0%	0.0% #5E2D32	RGB 94 45 50	#5E2D32
16.7%	16.7% #57232A	RGB 87 35 42	#57232A
33.3%	33.3% #511A24	RGB 81 26 36	#511A24
50.0%	50.0% #4A131F	RGB 74 19 31	#4A131F
66.7%	66.7% #440C1A	RGB 68 12 26	#440C1A
83.3%	83.3% #3D0617	RGB 61 6 23	#3D0617
100.0%	100.0% #370214	RGB 55 2 20	#370214

#5E2D32 #57232A #511A24 #4A131F #440C1A #3D0617 #370214

#5E2D32 - #4A131F - #370214

CSS codes

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

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