#7C52B6 - #D7A8C0 | 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 #7C52B6 to #D7A8C0

#7C52B6 #D7A8C0

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

#7C52B6 - #D7A8C0 | 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 #7C52B6 as 0% and #D7A8C0 as 100%.

0.0%	0.0% #7C52B6	RGB 124 82 182	#7C52B6
16.7%	16.7% #8B60B7	RGB 139 96 183	#8B60B7
33.3%	33.3% #9A6EB9	RGB 154 110 185	#9A6EB9
50.0%	50.0% #A97DBB	RGB 169 125 187	#A97DBB
66.7%	66.7% #B88BBC	RGB 184 139 188	#B88BBC
83.3%	83.3% #C799BE	RGB 199 153 190	#C799BE
100.0%	100.0% #D7A8C0	RGB 215 168 192	#D7A8C0

#7C52B6 #8B60B7 #9A6EB9 #A97DBB #B88BBC #C799BE #D7A8C0

#7C52B6 - #D7A8C0

HSV Blend

#7C52B6 - #D7A8C0 | 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 #7C52B6 as 0% and #D7A8C0 as 100%.

0.0%	0.0% #7C52B6	RGB 124 82 182	#7C52B6
16.7%	16.7% #965EBB	RGB 150 94 187	#965EBB
33.3%	33.3% #AE6CC1	RGB 174 108 193	#AE6CC1
50.0%	50.0% #C37AC6	RGB 195 122 198	#C37AC6
66.7%	66.7% #CC88C3	RGB 204 136 195	#CC88C3
83.3%	83.3% #D198BF	RGB 209 152 191	#D198BF
100.0%	100.0% #D7A8C0	RGB 215 168 192	#D7A8C0

#7C52B6 #965EBB #AE6CC1 #C37AC6 #CC88C3 #D198BF #D7A8C0

#7C52B6 - #C37AC6 - #D7A8C0

CSS codes

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

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