#D9C0FF - #8A56CE | 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 #D9C0FF to #8A56CE

#D9C0FF #8A56CE

Calculate the color between two colors, #D9C0FF and #8A56CE. 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)

#D9C0FF - #8A56CE | 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 #D9C0FF as 0% and #8A56CE as 100%.

0.0%	0.0% #D9C0FF	RGB 217 192 255	#D9C0FF
16.7%	16.7% #CBAEF6	RGB 203 174 246	#CBAEF6
33.3%	33.3% #BE9CEE	RGB 190 156 238	#BE9CEE
50.0%	50.0% #B18BE6	RGB 177 139 230	#B18BE6
66.7%	66.7% #A479DE	RGB 164 121 222	#A479DE
83.3%	83.3% #9767D6	RGB 151 103 214	#9767D6
100.0%	100.0% #8A56CE	RGB 138 86 206	#8A56CE

#D9C0FF #CBAEF6 #BE9CEE #B18BE6 #A479DE #9767D6 #8A56CE

#D9C0FF - #8A56CE

HSV Blend

#D9C0FF - #8A56CE | 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 #D9C0FF as 0% and #8A56CE as 100%.

0.0%	0.0% #D9C0FF	RGB 217 192 255	#D9C0FF
16.7%	16.7% #CAACF6	RGB 202 172 246	#CAACF6
33.3%	33.3% #BC99EE	RGB 188 153 238	#BC99EE
50.0%	50.0% #AE86E6	RGB 174 134 230	#AE86E6
66.7%	66.7% #A175DE	RGB 161 117 222	#A175DE
83.3%	83.3% #9565D6	RGB 149 101 214	#9565D6
100.0%	100.0% #8A56CE	RGB 138 86 206	#8A56CE

#D9C0FF #CAACF6 #BC99EE #AE86E6 #A175DE #9565D6 #8A56CE

#D9C0FF - #AE86E6 - #8A56CE

CSS codes

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

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