#502E5E - #29023C | 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 #502E5E to #29023C

#502E5E #29023C

Calculate the color between two colors, #502E5E and #29023C. 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)

#502E5E - #29023C | 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 #502E5E as 0% and #29023C as 100%.

0.0%	0.0% #502E5E	RGB 80 46 94	#502E5E
16.7%	16.7% #492658	RGB 73 38 88	#492658
33.3%	33.3% #431F52	RGB 67 31 82	#431F52
50.0%	50.0% #3C184D	RGB 60 24 77	#3C184D
66.7%	66.7% #361047	RGB 54 16 71	#361047
83.3%	83.3% #2F0941	RGB 47 9 65	#2F0941
100.0%	100.0% #29023C	RGB 41 2 60	#29023C

#502E5E #492658 #431F52 #3C184D #361047 #2F0941 #29023C

#502E5E - #29023C

HSV Blend

#502E5E - #29023C | 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 #502E5E as 0% and #29023C as 100%.

0.0%	0.0% #4F2E5E	RGB 79 46 94	#4F2E5E
16.7%	16.7% #482458	RGB 72 36 88	#482458
33.3%	33.3% #421B52	RGB 66 27 82	#421B52
50.0%	50.0% #3B144D	RGB 59 20 77	#3B144D
66.7%	66.7% #340D47	RGB 52 13 71	#340D47
83.3%	83.3% #2E0741	RGB 46 7 65	#2E0741
100.0%	100.0% #29023C	RGB 41 2 60	#29023C

#4F2E5E #482458 #421B52 #3B144D #340D47 #2E0741 #29023C

#502E5E - #3B144D - #29023C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4F2E5E 0%, #3B144D 50%, #29023C 100%);
    background: -webkit-linear-gradient(top, #4F2E5E 0%, #3B144D 50%, #29023C 100%);
    background: linear-gradient(to bottom, #4F2E5E 0%, #3B144D 50%, #29023C 100%);
}
</style>