#C7A2D4 - #72418F | 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 #C7A2D4 to #72418F

#C7A2D4 #72418F

Calculate the color between two colors, #C7A2D4 and #72418F. 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)

#C7A2D4 - #72418F | 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 #C7A2D4 as 0% and #72418F as 100%.

0.0%	0.0% #C7A2D4	RGB 199 162 212	#C7A2D4
16.7%	16.7% #B891C8	RGB 184 145 200	#B891C8
33.3%	33.3% #AA81BD	RGB 170 129 189	#AA81BD
50.0%	50.0% #9C71B1	RGB 156 113 177	#9C71B1
66.7%	66.7% #8E61A6	RGB 142 97 166	#8E61A6
83.3%	83.3% #80519A	RGB 128 81 154	#80519A
100.0%	100.0% #72418F	RGB 114 65 143	#72418F

#C7A2D4 #B891C8 #AA81BD #9C71B1 #8E61A6 #80519A #72418F

#C7A2D4 - #72418F

HSV Blend

#C7A2D4 - #72418F | 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 #C7A2D4 as 0% and #72418F as 100%.

0.0%	0.0% #C7A2D4	RGB 199 162 212	#C7A2D4
16.7%	16.7% #B88EC8	RGB 184 142 200	#B88EC8
33.3%	33.3% #A97CBD	RGB 169 124 189	#A97CBD
50.0%	50.0% #9B6CB1	RGB 155 108 177	#9B6CB1
66.7%	66.7% #8D5CA6	RGB 141 92 166	#8D5CA6
83.3%	83.3% #7F4E9A	RGB 127 78 154	#7F4E9A
100.0%	100.0% #72418F	RGB 114 65 143	#72418F

#C7A2D4 #B88EC8 #A97CBD #9B6CB1 #8D5CA6 #7F4E9A #72418F

#C7A2D4 - #9B6CB1 - #72418F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C7A2D4 0%, #9B6CB1 50%, #72418F 100%);
    background: -webkit-linear-gradient(top, #C7A2D4 0%, #9B6CB1 50%, #72418F 100%);
    background: linear-gradient(to bottom, #C7A2D4 0%, #9B6CB1 50%, #72418F 100%);
}
</style>