#522B5E - #C370A2 | 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 #522B5E to #C370A2

#522B5E #C370A2

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

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

0.0%	0.0% #522B5E	RGB 82 43 94	#522B5E
16.7%	16.7% #643669	RGB 100 54 105	#643669
33.3%	33.3% #774274	RGB 119 66 116	#774274
50.0%	50.0% #8A4D80	RGB 138 77 128	#8A4D80
66.7%	66.7% #9D598B	RGB 157 89 139	#9D598B
83.3%	83.3% #B06496	RGB 176 100 150	#B06496
100.0%	100.0% #C370A2	RGB 195 112 162	#C370A2

#522B5E #643669 #774274 #8A4D80 #9D598B #B06496 #C370A2

#522B5E - #C370A2

HSV Blend

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

0.0%	0.0% #512B5E	RGB 81 43 94	#512B5E
16.7%	16.7% #67346E	RGB 103 52 110	#67346E
33.3%	33.3% #7E3F7F	RGB 126 63 127	#7E3F7F
50.0%	50.0% #904A8A	RGB 144 74 138	#904A8A
66.7%	66.7% #A15693	RGB 161 86 147	#A15693
83.3%	83.3% #B2629B	RGB 178 98 155	#B2629B
100.0%	100.0% #C370A2	RGB 195 112 162	#C370A2

#512B5E #67346E #7E3F7F #904A8A #A15693 #B2629B #C370A2

#522B5E - #904A8A - #C370A2

CSS codes

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

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