#D8CCFF - #8D67CF | 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 #D8CCFF to #8D67CF

#D8CCFF #8D67CF

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

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

0.0%	0.0% #D8CCFF	RGB 216 204 255	#D8CCFF
16.7%	16.7% #CBBBF7	RGB 203 187 247	#CBBBF7
33.3%	33.3% #BFAAEF	RGB 191 170 239	#BFAAEF
50.0%	50.0% #B299E7	RGB 178 153 231	#B299E7
66.7%	66.7% #A688DF	RGB 166 136 223	#A688DF
83.3%	83.3% #9977D7	RGB 153 119 215	#9977D7
100.0%	100.0% #8D67CF	RGB 141 103 207	#8D67CF

#D8CCFF #CBBBF7 #BFAAEF #B299E7 #A688DF #9977D7 #8D67CF

#D8CCFF - #8D67CF

HSV Blend

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

0.0%	0.0% #D8CCFF	RGB 216 204 255	#D8CCFF
16.7%	16.7% #C9B9F7	RGB 201 185 247	#C9B9F7
33.3%	33.3% #BBA7EF	RGB 187 167 239	#BBA7EF
50.0%	50.0% #AE95E7	RGB 174 149 231	#AE95E7
66.7%	66.7% #A285DF	RGB 162 133 223	#A285DF
83.3%	83.3% #9775D7	RGB 151 117 215	#9775D7
100.0%	100.0% #8D67CF	RGB 141 103 207	#8D67CF

#D8CCFF #C9B9F7 #BBA7EF #AE95E7 #A285DF #9775D7 #8D67CF

#D8CCFF - #AE95E7 - #8D67CF

CSS codes

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

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