#D3CFF5 - #8C6EC0 | 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 #D3CFF5 to #8C6EC0

#D3CFF5 #8C6EC0

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

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

0.0%	0.0% #D3CFF5	RGB 211 207 245	#D3CFF5
16.7%	16.7% #C7BEEC	RGB 199 190 236	#C7BEEC
33.3%	33.3% #BBAEE3	RGB 187 174 227	#BBAEE3
50.0%	50.0% #AF9EDA	RGB 175 158 218	#AF9EDA
66.7%	66.7% #A38ED1	RGB 163 142 209	#A38ED1
83.3%	83.3% #977EC8	RGB 151 126 200	#977EC8
100.0%	100.0% #8C6EC0	RGB 140 110 192	#8C6EC0

#D3CFF5 #C7BEEC #BBAEE3 #AF9EDA #A38ED1 #977EC8 #8C6EC0

#D3CFF5 - #8C6EC0

HSV Blend

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

0.0%	0.0% #D3CFF5	RGB 211 207 245	#D3CFF5
16.7%	16.7% #C3BCEC	RGB 195 188 236	#C3BCEC
33.3%	33.3% #B6ABE3	RGB 182 171 227	#B6ABE3
50.0%	50.0% #A99ADA	RGB 169 154 218	#A99ADA
66.7%	66.7% #9E8BD1	RGB 158 139 209	#9E8BD1
83.3%	83.3% #947CC8	RGB 148 124 200	#947CC8
100.0%	100.0% #8C6EC0	RGB 140 110 192	#8C6EC0

#D3CFF5 #C3BCEC #B6ABE3 #A99ADA #9E8BD1 #947CC8 #8C6EC0

#D3CFF5 - #A99ADA - #8C6EC0

CSS codes

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

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