#5C2B5E - #C37290 | 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 #5C2B5E to #C37290

#5C2B5E #C37290

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

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

0.0%	0.0% #5C2B5E	RGB 92 43 94	#5C2B5E
16.7%	16.7% #6D3666	RGB 109 54 102	#6D3666
33.3%	33.3% #7E426E	RGB 126 66 110	#7E426E
50.0%	50.0% #8F4E77	RGB 143 78 119	#8F4E77
66.7%	66.7% #A05A7F	RGB 160 90 127	#A05A7F
83.3%	83.3% #B16687	RGB 177 102 135	#B16687
100.0%	100.0% #C37290	RGB 195 114 144	#C37290

#5C2B5E #6D3666 #7E426E #8F4E77 #A05A7F #B16687 #C37290

#5C2B5E - #C37290

HSV Blend

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

0.0%	0.0% #5B2B5E	RGB 91 43 94	#5B2B5E
16.7%	16.7% #6E356A	RGB 110 53 106	#6E356A
33.3%	33.3% #7F3F73	RGB 127 63 115	#7F3F73
50.0%	50.0% #904B7C	RGB 144 75 124	#904B7C
66.7%	66.7% #A15783	RGB 161 87 131	#A15783
83.3%	83.3% #B26489	RGB 178 100 137	#B26489
100.0%	100.0% #C37290	RGB 195 114 144	#C37290

#5B2B5E #6E356A #7F3F73 #904B7C #A15783 #B26489 #C37290

#5C2B5E - #904B7C - #C37290

CSS codes

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

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