#D9CDFF - #8F69CF | 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 #D9CDFF to #8F69CF

#D9CDFF #8F69CF

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

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

0.0%	0.0% #D9CDFF	RGB 217 205 255	#D9CDFF
16.7%	16.7% #CCBCF7	RGB 204 188 247	#CCBCF7
33.3%	33.3% #C0ABEF	RGB 192 171 239	#C0ABEF
50.0%	50.0% #B49BE7	RGB 180 155 231	#B49BE7
66.7%	66.7% #A78ADF	RGB 167 138 223	#A78ADF
83.3%	83.3% #9B79D7	RGB 155 121 215	#9B79D7
100.0%	100.0% #8F69CF	RGB 143 105 207	#8F69CF

#D9CDFF #CCBCF7 #C0ABEF #B49BE7 #A78ADF #9B79D7 #8F69CF

#D9CDFF - #8F69CF

HSV Blend

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

0.0%	0.0% #D9CDFF	RGB 217 205 255	#D9CDFF
16.7%	16.7% #CABAF7	RGB 202 186 247	#CABAF7
33.3%	33.3% #BCA8EF	RGB 188 168 239	#BCA8EF
50.0%	50.0% #AF97E7	RGB 175 151 231	#AF97E7
66.7%	66.7% #A487DF	RGB 164 135 223	#A487DF
83.3%	83.3% #9977D7	RGB 153 119 215	#9977D7
100.0%	100.0% #8F69CF	RGB 143 105 207	#8F69CF

#D9CDFF #CABAF7 #BCA8EF #AF97E7 #A487DF #9977D7 #8F69CF

#D9CDFF - #AF97E7 - #8F69CF

CSS codes

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

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