#8C7EAD - #DDDAE7 | 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 #8C7EAD to #DDDAE7

#8C7EAD #DDDAE7

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

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

0.0%	0.0% #8C7EAD	RGB 140 126 173	#8C7EAD
16.7%	16.7% #998DB6	RGB 153 141 182	#998DB6
33.3%	33.3% #A79CC0	RGB 167 156 192	#A79CC0
50.0%	50.0% #B4ACCA	RGB 180 172 202	#B4ACCA
66.7%	66.7% #C2BBD3	RGB 194 187 211	#C2BBD3
83.3%	83.3% #CFCADD	RGB 207 202 221	#CFCADD
100.0%	100.0% #DDDAE7	RGB 221 218 231	#DDDAE7

#8C7EAD #998DB6 #A79CC0 #B4ACCA #C2BBD3 #CFCADD #DDDAE7

#8C7EAD - #DDDAE7

HSV Blend

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

0.0%	0.0% #8C7EAD	RGB 140 126 173	#8C7EAD
16.7%	16.7% #978BB6	RGB 151 139 182	#978BB6
33.3%	33.3% #A499C0	RGB 164 153 192	#A499C0
50.0%	50.0% #B1A8CA	RGB 177 168 202	#B1A8CA
66.7%	66.7% #BFB8D3	RGB 191 184 211	#BFB8D3
83.3%	83.3% #CDC8DD	RGB 205 200 221	#CDC8DD
100.0%	100.0% #DDDAE7	RGB 221 218 231	#DDDAE7

#8C7EAD #978BB6 #A499C0 #B1A8CA #BFB8D3 #CDC8DD #DDDAE7

#8C7EAD - #B1A8CA - #DDDAE7

CSS codes

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

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