#D3C9F0 - #8968B8 | 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 #D3C9F0 to #8968B8

#D3C9F0 #8968B8

Calculate the color between two colors, #D3C9F0 and #8968B8. 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)

#D3C9F0 - #8968B8 | 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 #D3C9F0 as 0% and #8968B8 as 100%.

0.0%	0.0% #D3C9F0	RGB 211 201 240	#D3C9F0
16.7%	16.7% #C6B8E6	RGB 198 184 230	#C6B8E6
33.3%	33.3% #BAA8DD	RGB 186 168 221	#BAA8DD
50.0%	50.0% #AE98D4	RGB 174 152 212	#AE98D4
66.7%	66.7% #A188CA	RGB 161 136 202	#A188CA
83.3%	83.3% #9578C1	RGB 149 120 193	#9578C1
100.0%	100.0% #8968B8	RGB 137 104 184	#8968B8

#D3C9F0 #C6B8E6 #BAA8DD #AE98D4 #A188CA #9578C1 #8968B8

#D3C9F0 - #8968B8

HSV Blend

#D3C9F0 - #8968B8 | 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 #D3C9F0 as 0% and #8968B8 as 100%.

0.0%	0.0% #D3C9F0	RGB 211 201 240	#D3C9F0
16.7%	16.7% #C4B6E6	RGB 196 182 230	#C4B6E6
33.3%	33.3% #B6A5DD	RGB 182 165 221	#B6A5DD
50.0%	50.0% #A994D4	RGB 169 148 212	#A994D4
66.7%	66.7% #9E84CA	RGB 158 132 202	#9E84CA
83.3%	83.3% #9376C1	RGB 147 118 193	#9376C1
100.0%	100.0% #8968B8	RGB 137 104 184	#8968B8

#D3C9F0 #C4B6E6 #B6A5DD #A994D4 #9E84CA #9376C1 #8968B8

#D3C9F0 - #A994D4 - #8968B8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D3C9F0 0%, #A994D4 50%, #8968B8 100%);
    background: -webkit-linear-gradient(top, #D3C9F0 0%, #A994D4 50%, #8968B8 100%);
    background: linear-gradient(to bottom, #D3C9F0 0%, #A994D4 50%, #8968B8 100%);
}
</style>