#5E1325 - #37060C | 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 #5E1325 to #37060C

#5E1325 #37060C

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

#5E1325 - #37060C | 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 #5E1325 as 0% and #37060C as 100%.

0.0%	0.0% #5E1325	RGB 94 19 37	#5E1325
16.7%	16.7% #571020	RGB 87 16 32	#571020
33.3%	33.3% #510E1C	RGB 81 14 28	#510E1C
50.0%	50.0% #4A0C18	RGB 74 12 24	#4A0C18
66.7%	66.7% #440A14	RGB 68 10 20	#440A14
83.3%	83.3% #3D0810	RGB 61 8 16	#3D0810
100.0%	100.0% #37060C	RGB 55 6 12	#37060C

#5E1325 #571020 #510E1C #4A0C18 #440A14 #3D0810 #37060C

#5E1325 - #37060C

HSV Blend

#5E1325 - #37060C | 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 #5E1325 as 0% and #37060C as 100%.

0.0%	0.0% #5E1225	RGB 94 18 37	#5E1225
16.7%	16.7% #571020	RGB 87 16 32	#571020
33.3%	33.3% #510D1B	RGB 81 13 27	#510D1B
50.0%	50.0% #4A0B16	RGB 74 11 22	#4A0B16
66.7%	66.7% #440912	RGB 68 9 18	#440912
83.3%	83.3% #3D070F	RGB 61 7 15	#3D070F
100.0%	100.0% #37060C	RGB 55 6 12	#37060C

#5E1225 #571020 #510D1B #4A0B16 #440912 #3D070F #37060C

#5E1325 - #4A0B16 - #37060C

CSS codes

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

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