#502F5E - #160D1A | 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 #502F5E to #160D1A

#502F5E #160D1A

Calculate the color between two colors, #502F5E and #160D1A. 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)

#502F5E - #160D1A | 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 #502F5E as 0% and #160D1A as 100%.

0.0%	0.0% #502F5E	RGB 80 47 94	#502F5E
16.7%	16.7% #462952	RGB 70 41 82	#462952
33.3%	33.3% #3C2347	RGB 60 35 71	#3C2347
50.0%	50.0% #331E3C	RGB 51 30 60	#331E3C
66.7%	66.7% #291830	RGB 41 24 48	#291830
83.3%	83.3% #1F1225	RGB 31 18 37	#1F1225
100.0%	100.0% #160D1A	RGB 22 13 26	#160D1A

#502F5E #462952 #3C2347 #331E3C #291830 #1F1225 #160D1A

#502F5E - #160D1A

HSV Blend

#502F5E - #160D1A | 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 #502F5E as 0% and #160D1A as 100%.

0.0%	0.0% #502F5E	RGB 80 47 94	#502F5E
16.7%	16.7% #462952	RGB 70 41 82	#462952
33.3%	33.3% #3C2347	RGB 60 35 71	#3C2347
50.0%	50.0% #321E3C	RGB 50 30 60	#321E3C
66.7%	66.7% #291830	RGB 41 24 48	#291830
83.3%	83.3% #1F1225	RGB 31 18 37	#1F1225
100.0%	100.0% #160D1A	RGB 22 13 26	#160D1A

#502F5E #462952 #3C2347 #321E3C #291830 #1F1225 #160D1A

#502F5E - #321E3C - #160D1A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #502F5E 0%, #321E3C 50%, #160D1A 100%);
    background: -webkit-linear-gradient(top, #502F5E 0%, #321E3C 50%, #160D1A 100%);
    background: linear-gradient(to bottom, #502F5E 0%, #321E3C 50%, #160D1A 100%);
}
</style>