#D9C7FF - #9C5FD0 | 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 #D9C7FF to #9C5FD0

#D9C7FF #9C5FD0

Calculate the color between two colors, #D9C7FF and #9C5FD0. 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)

#D9C7FF - #9C5FD0 | 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 #D9C7FF as 0% and #9C5FD0 as 100%.

0.0%	0.0% #D9C7FF	RGB 217 199 255	#D9C7FF
16.7%	16.7% #CEB5F7	RGB 206 181 247	#CEB5F7
33.3%	33.3% #C4A4EF	RGB 196 164 239	#C4A4EF
50.0%	50.0% #BA93E7	RGB 186 147 231	#BA93E7
66.7%	66.7% #B081DF	RGB 176 129 223	#B081DF
83.3%	83.3% #A670D7	RGB 166 112 215	#A670D7
100.0%	100.0% #9C5FD0	RGB 156 95 208	#9C5FD0

#D9C7FF #CEB5F7 #C4A4EF #BA93E7 #B081DF #A670D7 #9C5FD0

#D9C7FF - #9C5FD0

HSV Blend

#D9C7FF - #9C5FD0 | 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 #D9C7FF as 0% and #9C5FD0 as 100%.

0.0%	0.0% #D9C7FF	RGB 217 199 255	#D9C7FF
16.7%	16.7% #CBB3F7	RGB 203 179 247	#CBB3F7
33.3%	33.3% #BFA0EF	RGB 191 160 239	#BFA0EF
50.0%	50.0% #B58FE7	RGB 181 143 231	#B58FE7
66.7%	66.7% #AB7EDF	RGB 171 126 223	#AB7EDF
83.3%	83.3% #A36ED7	RGB 163 110 215	#A36ED7
100.0%	100.0% #9C5FD0	RGB 156 95 208	#9C5FD0

#D9C7FF #CBB3F7 #BFA0EF #B58FE7 #AB7EDF #A36ED7 #9C5FD0

#D9C7FF - #B58FE7 - #9C5FD0

CSS codes

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

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