#522B5E - #C86C71 | 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 #C86C71

#522B5E #C86C71

Calculate the color between two colors, #522B5E and #C86C71. 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 - #C86C71 | 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 #C86C71 as 100%.

0.0%	0.0% #522B5E	RGB 82 43 94	#522B5E
16.7%	16.7% #653561	RGB 101 53 97	#653561
33.3%	33.3% #794064	RGB 121 64 100	#794064
50.0%	50.0% #8D4B67	RGB 141 75 103	#8D4B67
66.7%	66.7% #A0566A	RGB 160 86 106	#A0566A
83.3%	83.3% #B4616D	RGB 180 97 109	#B4616D
100.0%	100.0% #C86C71	RGB 200 108 113	#C86C71

#522B5E #653561 #794064 #8D4B67 #A0566A #B4616D #C86C71

#522B5E - #C86C71

HSV Blend

#522B5E - #C86C71 | 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 #C86C71 as 100%.

0.0%	0.0% #512B5E	RGB 81 43 94	#512B5E
16.7%	16.7% #6D346F	RGB 109 52 111	#6D346F
33.3%	33.3% #813E76	RGB 129 62 118	#813E76
50.0%	50.0% #934978	RGB 147 73 120	#934978
66.7%	66.7% #A45478	RGB 164 84 120	#A45478
83.3%	83.3% #B65F75	RGB 182 95 117	#B65F75
100.0%	100.0% #C86C71	RGB 200 108 113	#C86C71

#512B5E #6D346F #813E76 #934978 #A45478 #B65F75 #C86C71

#522B5E - #934978 - #C86C71

CSS codes

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

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