#5E2B5A - #C37089 | 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 #5E2B5A to #C37089

#5E2B5A #C37089

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

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

0.0%	0.0% #5E2B5A	RGB 94 43 90	#5E2B5A
16.7%	16.7% #6E3661	RGB 110 54 97	#6E3661
33.3%	33.3% #7F4269	RGB 127 66 105	#7F4269
50.0%	50.0% #904D71	RGB 144 77 113	#904D71
66.7%	66.7% #A15979	RGB 161 89 121	#A15979
83.3%	83.3% #B26481	RGB 178 100 129	#B26481
100.0%	100.0% #C37089	RGB 195 112 137	#C37089

#5E2B5A #6E3661 #7F4269 #904D71 #A15979 #B26481 #C37089

#5E2B5A - #C37089

HSV Blend

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

0.0%	0.0% #5E2B5A	RGB 94 43 90	#5E2B5A
16.7%	16.7% #6E3464	RGB 110 52 100	#6E3464
33.3%	33.3% #7F3F6D	RGB 127 63 109	#7F3F6D
50.0%	50.0% #904A75	RGB 144 74 117	#904A75
66.7%	66.7% #A1567C	RGB 161 86 124	#A1567C
83.3%	83.3% #B26282	RGB 178 98 130	#B26282
100.0%	100.0% #C37089	RGB 195 112 137	#C37089

#5E2B5A #6E3464 #7F3F6D #904A75 #A1567C #B26282 #C37089

#5E2B5A - #904A75 - #C37089

CSS codes

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

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