#9034AD - #DFC5E7 | 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 #9034AD to #DFC5E7

#9034AD #DFC5E7

Calculate the color between two colors, #9034AD and #DFC5E7. 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)

#9034AD - #DFC5E7 | 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 #9034AD as 0% and #DFC5E7 as 100%.

0.0%	0.0% #9034AD	RGB 144 52 173	#9034AD
16.7%	16.7% #9D4CB6	RGB 157 76 182	#9D4CB6
33.3%	33.3% #AA64C0	RGB 170 100 192	#AA64C0
50.0%	50.0% #B77CCA	RGB 183 124 202	#B77CCA
66.7%	66.7% #C494D3	RGB 196 148 211	#C494D3
83.3%	83.3% #D1ACDD	RGB 209 172 221	#D1ACDD
100.0%	100.0% #DFC5E7	RGB 223 197 231	#DFC5E7

#9034AD #9D4CB6 #AA64C0 #B77CCA #C494D3 #D1ACDD #DFC5E7

#9034AD - #DFC5E7

HSV Blend

#9034AD - #DFC5E7 | 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 #9034AD as 0% and #DFC5E7 as 100%.

0.0%	0.0% #9034AD	RGB 144 52 173	#9034AD
16.7%	16.7% #9C47B6	RGB 156 71 182	#9C47B6
33.3%	33.3% #A85DC0	RGB 168 93 192	#A85DC0
50.0%	50.0% #B574CA	RGB 181 116 202	#B574CA
66.7%	66.7% #C38DD3	RGB 195 141 211	#C38DD3
83.3%	83.3% #D0A8DD	RGB 208 168 221	#D0A8DD
100.0%	100.0% #DFC5E7	RGB 223 197 231	#DFC5E7

#9034AD #9C47B6 #A85DC0 #B574CA #C38DD3 #D0A8DD #DFC5E7

#9034AD - #B574CA - #DFC5E7

CSS codes

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

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