#502C2B - #9A5E86 | 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 #502C2B to #9A5E86

#502C2B #9A5E86

Calculate the color between two colors, #502C2B and #9A5E86. 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)

#502C2B - #9A5E86 | 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 #502C2B as 0% and #9A5E86 as 100%.

0.0%	0.0% #502C2B	RGB 80 44 43	#502C2B
16.7%	16.7% #5C343A	RGB 92 52 58	#5C343A
33.3%	33.3% #683C49	RGB 104 60 73	#683C49
50.0%	50.0% #754558	RGB 117 69 88	#754558
66.7%	66.7% #814D67	RGB 129 77 103	#814D67
83.3%	83.3% #8D5576	RGB 141 85 118	#8D5576
100.0%	100.0% #9A5E86	RGB 154 94 134	#9A5E86

#502C2B #5C343A #683C49 #754558 #814D67 #8D5576 #9A5E86

#502C2B - #9A5E86

HSV Blend

#502C2B - #9A5E86 | 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 #502C2B as 0% and #9A5E86 as 100%.

0.0%	0.0% #502C2B	RGB 80 44 43	#502C2B
16.7%	16.7% #5C3236	RGB 92 50 54	#5C3236
33.3%	33.3% #683A44	RGB 104 58 68	#683A44
50.0%	50.0% #754353	RGB 117 67 83	#754353
66.7%	66.7% #814B63	RGB 129 75 99	#814B63
83.3%	83.3% #8D5474	RGB 141 84 116	#8D5474
100.0%	100.0% #9A5E86	RGB 154 94 134	#9A5E86

#502C2B #5C3236 #683A44 #754353 #814B63 #8D5474 #9A5E86

#502C2B - #754353 - #9A5E86

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #502C2B 0%, #754353 50%, #9A5E86 100%);
    background: -webkit-linear-gradient(top, #502C2B 0%, #754353 50%, #9A5E86 100%);
    background: linear-gradient(to bottom, #502C2B 0%, #754353 50%, #9A5E86 100%);
}
</style>