#D9CAFF - #8D64CF | 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 #D9CAFF to #8D64CF

#D9CAFF #8D64CF

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

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

0.0%	0.0% #D9CAFF	RGB 217 202 255	#D9CAFF
16.7%	16.7% #CCB9F7	RGB 204 185 247	#CCB9F7
33.3%	33.3% #BFA8EF	RGB 191 168 239	#BFA8EF
50.0%	50.0% #B397E7	RGB 179 151 231	#B397E7
66.7%	66.7% #A686DF	RGB 166 134 223	#A686DF
83.3%	83.3% #9975D7	RGB 153 117 215	#9975D7
100.0%	100.0% #8D64CF	RGB 141 100 207	#8D64CF

#D9CAFF #CCB9F7 #BFA8EF #B397E7 #A686DF #9975D7 #8D64CF

#D9CAFF - #8D64CF

HSV Blend

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

0.0%	0.0% #D9CAFF	RGB 217 202 255	#D9CAFF
16.7%	16.7% #CAB6F7	RGB 202 182 247	#CAB6F7
33.3%	33.3% #BCA4EF	RGB 188 164 239	#BCA4EF
50.0%	50.0% #AF93E7	RGB 175 147 231	#AF93E7
66.7%	66.7% #A282DF	RGB 162 130 223	#A282DF
83.3%	83.3% #9772D7	RGB 151 114 215	#9772D7
100.0%	100.0% #8D64CF	RGB 141 100 207	#8D64CF

#D9CAFF #CAB6F7 #BCA4EF #AF93E7 #A282DF #9772D7 #8D64CF

#D9CAFF - #AF93E7 - #8D64CF

CSS codes

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

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