#D9A0FF - #8938D1 | 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 #D9A0FF to #8938D1

#D9A0FF #8938D1

Calculate the color between two colors, #D9A0FF and #8938D1. 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)

#D9A0FF - #8938D1 | 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 #D9A0FF as 0% and #8938D1 as 100%.

0.0%	0.0% #D9A0FF	RGB 217 160 255	#D9A0FF
16.7%	16.7% #CB8EF7	RGB 203 142 247	#CB8EF7
33.3%	33.3% #BE7DEF	RGB 190 125 239	#BE7DEF
50.0%	50.0% #B16CE8	RGB 177 108 232	#B16CE8
66.7%	66.7% #A35AE0	RGB 163 90 224	#A35AE0
83.3%	83.3% #9649D8	RGB 150 73 216	#9649D8
100.0%	100.0% #8938D1	RGB 137 56 209	#8938D1

#D9A0FF #CB8EF7 #BE7DEF #B16CE8 #A35AE0 #9649D8 #8938D1

#D9A0FF - #8938D1

HSV Blend

#D9A0FF - #8938D1 | 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 #D9A0FF as 0% and #8938D1 as 100%.

0.0%	0.0% #D9A0FF	RGB 217 160 255	#D9A0FF
16.7%	16.7% #CB8CF7	RGB 203 140 247	#CB8CF7
33.3%	33.3% #BD79EF	RGB 189 121 239	#BD79EF
50.0%	50.0% #B067E8	RGB 176 103 232	#B067E8
66.7%	66.7% #A256E0	RGB 162 86 224	#A256E0
83.3%	83.3% #9547D8	RGB 149 71 216	#9547D8
100.0%	100.0% #8938D1	RGB 137 56 209	#8938D1

#D9A0FF #CB8CF7 #BD79EF #B067E8 #A256E0 #9547D8 #8938D1

#D9A0FF - #B067E8 - #8938D1

CSS codes

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

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