#5E153E - #39061C | 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 #5E153E to #39061C

#5E153E #39061C

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

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

0.0%	0.0% #5E153E	RGB 94 21 62	#5E153E
16.7%	16.7% #571238	RGB 87 18 56	#571238
33.3%	33.3% #511032	RGB 81 16 50	#511032
50.0%	50.0% #4B0D2D	RGB 75 13 45	#4B0D2D
66.7%	66.7% #450B27	RGB 69 11 39	#450B27
83.3%	83.3% #3F0821	RGB 63 8 33	#3F0821
100.0%	100.0% #39061C	RGB 57 6 28	#39061C

#5E153E #571238 #511032 #4B0D2D #450B27 #3F0821 #39061C

#5E153E - #39061C

HSV Blend

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

0.0%	0.0% #5E143E	RGB 94 20 62	#5E143E
16.7%	16.7% #571137	RGB 87 17 55	#571137
33.3%	33.3% #510F31	RGB 81 15 49	#510F31
50.0%	50.0% #4B0C2B	RGB 75 12 43	#4B0C2B
66.7%	66.7% #450A26	RGB 69 10 38	#450A26
83.3%	83.3% #3F0720	RGB 63 7 32	#3F0720
100.0%	100.0% #39061C	RGB 57 6 28	#39061C

#5E143E #571137 #510F31 #4B0C2B #450A26 #3F0720 #39061C

#5E153E - #4B0C2B - #39061C

CSS codes

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

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