#D9CFFF - #8F6CCF | 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 #D9CFFF to #8F6CCF

#D9CFFF #8F6CCF

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

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

0.0%	0.0% #D9CFFF	RGB 217 207 255	#D9CFFF
16.7%	16.7% #CCBEF7	RGB 204 190 247	#CCBEF7
33.3%	33.3% #C0AEEF	RGB 192 174 239	#C0AEEF
50.0%	50.0% #B49DE7	RGB 180 157 231	#B49DE7
66.7%	66.7% #A78DDF	RGB 167 141 223	#A78DDF
83.3%	83.3% #9B7CD7	RGB 155 124 215	#9B7CD7
100.0%	100.0% #8F6CCF	RGB 143 108 207	#8F6CCF

#D9CFFF #CCBEF7 #C0AEEF #B49DE7 #A78DDF #9B7CD7 #8F6CCF

#D9CFFF - #8F6CCF

HSV Blend

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

0.0%	0.0% #D9CFFF	RGB 217 207 255	#D9CFFF
16.7%	16.7% #CABCF7	RGB 202 188 247	#CABCF7
33.3%	33.3% #BCAAEF	RGB 188 170 239	#BCAAEF
50.0%	50.0% #AF9AE7	RGB 175 154 231	#AF9AE7
66.7%	66.7% #A389DF	RGB 163 137 223	#A389DF
83.3%	83.3% #997AD7	RGB 153 122 215	#997AD7
100.0%	100.0% #8F6CCF	RGB 143 108 207	#8F6CCF

#D9CFFF #CABCF7 #BCAAEF #AF9AE7 #A389DF #997AD7 #8F6CCF

#D9CFFF - #AF9AE7 - #8F6CCF

CSS codes

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

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