#5E2176 - #CA658D | 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 #5E2176 to #CA658D

#5E2176 #CA658D

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

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

0.0%	0.0% #5E2176	RGB 94 33 118	#5E2176
16.7%	16.7% #702C79	RGB 112 44 121	#702C79
33.3%	33.3% #82377D	RGB 130 55 125	#82377D
50.0%	50.0% #944381	RGB 148 67 129	#944381
66.7%	66.7% #A64E85	RGB 166 78 133	#A64E85
83.3%	83.3% #B85989	RGB 184 89 137	#B85989
100.0%	100.0% #CA658D	RGB 202 101 141	#CA658D

#5E2176 #702C79 #82377D #944381 #A64E85 #B85989 #CA658D

#5E2176 - #CA658D

HSV Blend

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

0.0%	0.0% #5D2176	RGB 93 33 118	#5D2176
16.7%	16.7% #772984	RGB 119 41 132	#772984
33.3%	33.3% #923390	RGB 146 51 144	#923390
50.0%	50.0% #A03E90	RGB 160 62 144	#A03E90
66.7%	66.7% #AE4A8F	RGB 174 74 143	#AE4A8F
83.3%	83.3% #BC578D	RGB 188 87 141	#BC578D
100.0%	100.0% #CA658D	RGB 202 101 141	#CA658D

#5D2176 #772984 #923390 #A03E90 #AE4A8F #BC578D #CA658D

#5E2176 - #A03E90 - #CA658D

CSS codes

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

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