#8C68AD - #DED3E7 | 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 #8C68AD to #DED3E7

#8C68AD #DED3E7

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

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

0.0%	0.0% #8C68AD	RGB 140 104 173	#8C68AD
16.7%	16.7% #9979B6	RGB 153 121 182	#9979B6
33.3%	33.3% #A78BC0	RGB 167 139 192	#A78BC0
50.0%	50.0% #B59DCA	RGB 181 157 202	#B59DCA
66.7%	66.7% #C2AFD3	RGB 194 175 211	#C2AFD3
83.3%	83.3% #D0C1DD	RGB 208 193 221	#D0C1DD
100.0%	100.0% #DED3E7	RGB 222 211 231	#DED3E7

#8C68AD #9979B6 #A78BC0 #B59DCA #C2AFD3 #D0C1DD #DED3E7

#8C68AD - #DED3E7

HSV Blend

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

0.0%	0.0% #8C68AD	RGB 140 104 173	#8C68AD
16.7%	16.7% #9877B6	RGB 152 119 182	#9877B6
33.3%	33.3% #A587C0	RGB 165 135 192	#A587C0
50.0%	50.0% #B398CA	RGB 179 152 202	#B398CA
66.7%	66.7% #C1ABD3	RGB 193 171 211	#C1ABD3
83.3%	83.3% #CFBEDD	RGB 207 190 221	#CFBEDD
100.0%	100.0% #DED3E7	RGB 222 211 231	#DED3E7

#8C68AD #9877B6 #A587C0 #B398CA #C1ABD3 #CFBEDD #DED3E7

#8C68AD - #B398CA - #DED3E7

CSS codes

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

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