#532B5E - #C36FA0 | 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 #532B5E to #C36FA0

#532B5E #C36FA0

Calculate the color between two colors, #532B5E and #C36FA0. 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)

#532B5E - #C36FA0 | 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 #532B5E as 0% and #C36FA0 as 100%.

0.0%	0.0% #532B5E	RGB 83 43 94	#532B5E
16.7%	16.7% #653669	RGB 101 54 105	#653669
33.3%	33.3% #784174	RGB 120 65 116	#784174
50.0%	50.0% #8B4D7F	RGB 139 77 127	#8B4D7F
66.7%	66.7% #9D588A	RGB 157 88 138	#9D588A
83.3%	83.3% #B06395	RGB 176 99 149	#B06395
100.0%	100.0% #C36FA0	RGB 195 111 160	#C36FA0

#532B5E #653669 #784174 #8B4D7F #9D588A #B06395 #C36FA0

#532B5E - #C36FA0

HSV Blend

#532B5E - #C36FA0 | 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 #532B5E as 0% and #C36FA0 as 100%.

0.0%	0.0% #532B5E	RGB 83 43 94	#532B5E
16.7%	16.7% #68346E	RGB 104 52 110	#68346E
33.3%	33.3% #7F3F7F	RGB 127 63 127	#7F3F7F
50.0%	50.0% #904A89	RGB 144 74 137	#904A89
66.7%	66.7% #A15591	RGB 161 85 145	#A15591
83.3%	83.3% #B26299	RGB 178 98 153	#B26299
100.0%	100.0% #C36FA0	RGB 195 111 160	#C36FA0

#532B5E #68346E #7F3F7F #904A89 #A15591 #B26299 #C36FA0

#532B5E - #904A89 - #C36FA0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #532B5E 0%, #904A89 50%, #C36FA0 100%);
    background: -webkit-linear-gradient(top, #532B5E 0%, #904A89 50%, #C36FA0 100%);
    background: linear-gradient(to bottom, #532B5E 0%, #904A89 50%, #C36FA0 100%);
}
</style>