#5E2B4A - #C3706F | 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 #5E2B4A to #C3706F

#5E2B4A #C3706F

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

#5E2B4A - #C3706F | 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 #5E2B4A as 0% and #C3706F as 100%.

0.0%	0.0% #5E2B4A	RGB 94 43 74	#5E2B4A
16.7%	16.7% #6E3650	RGB 110 54 80	#6E3650
33.3%	33.3% #7F4256	RGB 127 66 86	#7F4256
50.0%	50.0% #904D5C	RGB 144 77 92	#904D5C
66.7%	66.7% #A15962	RGB 161 89 98	#A15962
83.3%	83.3% #B26468	RGB 178 100 104	#B26468
100.0%	100.0% #C3706F	RGB 195 112 111	#C3706F

#5E2B4A #6E3650 #7F4256 #904D5C #A15962 #B26468 #C3706F

#5E2B4A - #C3706F

HSV Blend

#5E2B4A - #C3706F | 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 #5E2B4A as 0% and #C3706F as 100%.

0.0%	0.0% #5E2B4A	RGB 94 43 74	#5E2B4A
16.7%	16.7% #6E3452	RGB 110 52 82	#6E3452
33.3%	33.3% #7F3F59	RGB 127 63 89	#7F3F59
50.0%	50.0% #904A5F	RGB 144 74 95	#904A5F
66.7%	66.7% #A15564	RGB 161 85 100	#A15564
83.3%	83.3% #B26269	RGB 178 98 105	#B26269
100.0%	100.0% #C3706F	RGB 195 112 111	#C3706F

#5E2B4A #6E3452 #7F3F59 #904A5F #A15564 #B26269 #C3706F

#5E2B4A - #904A5F - #C3706F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E2B4A 0%, #904A5F 50%, #C3706F 100%);
    background: -webkit-linear-gradient(top, #5E2B4A 0%, #904A5F 50%, #C3706F 100%);
    background: linear-gradient(to bottom, #5E2B4A 0%, #904A5F 50%, #C3706F 100%);
}
</style>