#520053 - #AF2F65 | 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 #520053 to #AF2F65

#520053 #AF2F65

Calculate the color between two colors, #520053 and #AF2F65. 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)

#520053 - #AF2F65 | 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 #520053 as 0% and #AF2F65 as 100%.

0.0%	0.0% #520053	RGB 82 0 83	#520053
16.7%	16.7% #610756	RGB 97 7 86	#610756
33.3%	33.3% #710F59	RGB 113 15 89	#710F59
50.0%	50.0% #80175C	RGB 128 23 92	#80175C
66.7%	66.7% #901F5F	RGB 144 31 95	#901F5F
83.3%	83.3% #9F2762	RGB 159 39 98	#9F2762
100.0%	100.0% #AF2F65	RGB 175 47 101	#AF2F65

#520053 #610756 #710F59 #80175C #901F5F #9F2762 #AF2F65

#520053 - #AF2F65

HSV Blend

#520053 - #AF2F65 | 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 #520053 as 0% and #AF2F65 as 100%.

0.0%	0.0% #510053	RGB 81 0 83	#510053
16.7%	16.7% #62045A	RGB 98 4 90	#62045A
33.3%	33.3% #710A5E	RGB 113 10 94	#710A5E
50.0%	50.0% #811161	RGB 129 17 97	#811161
66.7%	66.7% #901963	RGB 144 25 99	#901963
83.3%	83.3% #9F2364	RGB 159 35 100	#9F2364
100.0%	100.0% #AF2F65	RGB 175 47 101	#AF2F65

#510053 #62045A #710A5E #811161 #901963 #9F2364 #AF2F65

#520053 - #811161 - #AF2F65

CSS codes

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

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