#D3CDF2 - #8B6CBB | 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 #D3CDF2 to #8B6CBB

#D3CDF2 #8B6CBB

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

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

0.0%	0.0% #D3CDF2	RGB 211 205 242	#D3CDF2
16.7%	16.7% #C7BCE8	RGB 199 188 232	#C7BCE8
33.3%	33.3% #BBACDF	RGB 187 172 223	#BBACDF
50.0%	50.0% #AF9CD6	RGB 175 156 214	#AF9CD6
66.7%	66.7% #A38CCD	RGB 163 140 205	#A38CCD
83.3%	83.3% #977CC4	RGB 151 124 196	#977CC4
100.0%	100.0% #8B6CBB	RGB 139 108 187	#8B6CBB

#D3CDF2 #C7BCE8 #BBACDF #AF9CD6 #A38CCD #977CC4 #8B6CBB

#D3CDF2 - #8B6CBB

HSV Blend

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

0.0%	0.0% #D3CDF2	RGB 211 205 242	#D3CDF2
16.7%	16.7% #C4BAE8	RGB 196 186 232	#C4BAE8
33.3%	33.3% #B6A9DF	RGB 182 169 223	#B6A9DF
50.0%	50.0% #A998D6	RGB 169 152 214	#A998D6
66.7%	66.7% #9E89CD	RGB 158 137 205	#9E89CD
83.3%	83.3% #947AC4	RGB 148 122 196	#947AC4
100.0%	100.0% #8B6CBB	RGB 139 108 187	#8B6CBB

#D3CDF2 #C4BAE8 #B6A9DF #A998D6 #9E89CD #947AC4 #8B6CBB

#D3CDF2 - #A998D6 - #8B6CBB

CSS codes

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

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