#D3CDFD - #8A69CC | 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 #D3CDFD to #8A69CC

#D3CDFD #8A69CC

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

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

0.0%	0.0% #D3CDFD	RGB 211 205 253	#D3CDFD
16.7%	16.7% #C6BCF4	RGB 198 188 244	#C6BCF4
33.3%	33.3% #BAABEC	RGB 186 171 236	#BAABEC
50.0%	50.0% #AE9BE4	RGB 174 155 228	#AE9BE4
66.7%	66.7% #A28ADC	RGB 162 138 220	#A28ADC
83.3%	83.3% #9679D4	RGB 150 121 212	#9679D4
100.0%	100.0% #8A69CC	RGB 138 105 204	#8A69CC

#D3CDFD #C6BCF4 #BAABEC #AE9BE4 #A28ADC #9679D4 #8A69CC

#D3CDFD - #8A69CC

HSV Blend

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

0.0%	0.0% #D3CDFD	RGB 211 205 253	#D3CDFD
16.7%	16.7% #C3BAF4	RGB 195 186 244	#C3BAF4
33.3%	33.3% #B5A8EC	RGB 181 168 236	#B5A8EC
50.0%	50.0% #A997E4	RGB 169 151 228	#A997E4
66.7%	66.7% #9D87DC	RGB 157 135 220	#9D87DC
83.3%	83.3% #9377D4	RGB 147 119 212	#9377D4
100.0%	100.0% #8A69CC	RGB 138 105 204	#8A69CC

#D3CDFD #C3BAF4 #B5A8EC #A997E4 #9D87DC #9377D4 #8A69CC

#D3CDFD - #A997E4 - #8A69CC

CSS codes

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

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