#A60047 - #D9A8FB | 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 #A60047 to #D9A8FB

#A60047 #D9A8FB

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

#A60047 - #D9A8FB | 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 #A60047 as 0% and #D9A8FB as 100%.

0.0%	0.0% #A60047	RGB 166 0 71	#A60047
16.7%	16.7% #AE1C65	RGB 174 28 101	#AE1C65
33.3%	33.3% #B73883	RGB 183 56 131	#B73883
50.0%	50.0% #BF54A1	RGB 191 84 161	#BF54A1
66.7%	66.7% #C870BF	RGB 200 112 191	#C870BF
83.3%	83.3% #D08CDD	RGB 208 140 221	#D08CDD
100.0%	100.0% #D9A8FB	RGB 217 168 251	#D9A8FB

#A60047 #AE1C65 #B73883 #BF54A1 #C870BF #D08CDD #D9A8FB

#A60047 - #D9A8FB

HSV Blend

#A60047 - #D9A8FB | 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 #A60047 as 0% and #D9A8FB as 100%.

0.0%	0.0% #A60046	RGB 166 0 70	#A60046
16.7%	16.7% #B41472	RGB 180 20 114	#B41472
33.3%	33.3% #C22B9D	RGB 194 43 157	#C22B9D
50.0%	50.0% #D045C5	RGB 208 69 197	#D045C5
66.7%	66.7% #D463DE	RGB 212 99 222	#D463DE
83.3%	83.3% #D384EC	RGB 211 132 236	#D384EC
100.0%	100.0% #D9A8FB	RGB 217 168 251	#D9A8FB

#A60046 #B41472 #C22B9D #D045C5 #D463DE #D384EC #D9A8FB

#A60047 - #D045C5 - #D9A8FB

CSS codes

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

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