#52494D - #C76AC5 | 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 #52494D to #C76AC5

#52494D #C76AC5

Calculate the color between two colors, #52494D and #C76AC5. 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)

#52494D - #C76AC5 | 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 #52494D as 0% and #C76AC5 as 100%.

0.0%	0.0% #52494D	RGB 82 73 77	#52494D
16.7%	16.7% #654E61	RGB 101 78 97	#654E61
33.3%	33.3% #795475	RGB 121 84 117	#795475
50.0%	50.0% #8C5989	RGB 140 89 137	#8C5989
66.7%	66.7% #A05F9D	RGB 160 95 157	#A05F9D
83.3%	83.3% #B364B1	RGB 179 100 177	#B364B1
100.0%	100.0% #C76AC5	RGB 199 106 197	#C76AC5

#52494D #654E61 #795475 #8C5989 #A05F9D #B364B1 #C76AC5

#52494D - #C76AC5

HSV Blend

#52494D - #C76AC5 | 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 #52494D as 0% and #C76AC5 as 100%.

0.0%	0.0% #52494D	RGB 82 73 77	#52494D
16.7%	16.7% #65545D	RGB 101 84 93	#65545D
33.3%	33.3% #795D6E	RGB 121 93 110	#795D6E
50.0%	50.0% #8C6380	RGB 140 99 128	#8C6380
66.7%	66.7% #A06894	RGB 160 104 148	#A06894
83.3%	83.3% #B36AAB	RGB 179 106 171	#B36AAB
100.0%	100.0% #C76AC5	RGB 199 106 197	#C76AC5

#52494D #65545D #795D6E #8C6380 #A06894 #B36AAB #C76AC5

#52494D - #8C6380 - #C76AC5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #52494D 0%, #8C6380 50%, #C76AC5 100%);
    background: -webkit-linear-gradient(top, #52494D 0%, #8C6380 50%, #C76AC5 100%);
    background: linear-gradient(to bottom, #52494D 0%, #8C6380 50%, #C76AC5 100%);
}
</style>