#A070AD - #81228C | 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 #A070AD to #81228C

#A070AD #81228C

Calculate the color between two colors, #A070AD and #81228C. 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)

#A070AD - #81228C | 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 #A070AD as 0% and #81228C as 100%.

0.0%	0.0% #A070AD	RGB 160 112 173	#A070AD
16.7%	16.7% #9A63A7	RGB 154 99 167	#9A63A7
33.3%	33.3% #9556A2	RGB 149 86 162	#9556A2
50.0%	50.0% #90499C	RGB 144 73 156	#90499C
66.7%	66.7% #8B3C97	RGB 139 60 151	#8B3C97
83.3%	83.3% #862F91	RGB 134 47 145	#862F91
100.0%	100.0% #81228C	RGB 129 34 140	#81228C

#A070AD #9A63A7 #9556A2 #90499C #8B3C97 #862F91 #81228C

#A070AD - #81228C

HSV Blend

#A070AD - #81228C | 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 #A070AD as 0% and #81228C as 100%.

0.0%	0.0% #A070AD	RGB 160 112 173	#A070AD
16.7%	16.7% #9961A7	RGB 153 97 167	#9961A7
33.3%	33.3% #9453A2	RGB 148 83 162	#9453A2
50.0%	50.0% #8E459C	RGB 142 69 156	#8E459C
66.7%	66.7% #893997	RGB 137 57 151	#893997
83.3%	83.3% #852D91	RGB 133 45 145	#852D91
100.0%	100.0% #81228C	RGB 129 34 140	#81228C

#A070AD #9961A7 #9453A2 #8E459C #893997 #852D91 #81228C

#A070AD - #8E459C - #81228C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A070AD 0%, #8E459C 50%, #81228C 100%);
    background: -webkit-linear-gradient(top, #A070AD 0%, #8E459C 50%, #81228C 100%);
    background: linear-gradient(to bottom, #A070AD 0%, #8E459C 50%, #81228C 100%);
}
</style>