#8880A8 - #DCDAE6 | 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 #8880A8 to #DCDAE6

#8880A8 #DCDAE6

Calculate the color between two colors, #8880A8 and #DCDAE6. 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)

#8880A8 - #DCDAE6 | 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 #8880A8 as 0% and #DCDAE6 as 100%.

0.0%	0.0% #8880A8	RGB 136 128 168	#8880A8
16.7%	16.7% #968FB2	RGB 150 143 178	#968FB2
33.3%	33.3% #A49EBC	RGB 164 158 188	#A49EBC
50.0%	50.0% #B2ADC7	RGB 178 173 199	#B2ADC7
66.7%	66.7% #C0BCD1	RGB 192 188 209	#C0BCD1
83.3%	83.3% #CECBDB	RGB 206 203 219	#CECBDB
100.0%	100.0% #DCDAE6	RGB 220 218 230	#DCDAE6

#8880A8 #968FB2 #A49EBC #B2ADC7 #C0BCD1 #CECBDB #DCDAE6

#8880A8 - #DCDAE6

HSV Blend

#8880A8 - #DCDAE6 | 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 #8880A8 as 0% and #DCDAE6 as 100%.

0.0%	0.0% #8880A8	RGB 136 128 168	#8880A8
16.7%	16.7% #948DB2	RGB 148 141 178	#948DB2
33.3%	33.3% #A19BBC	RGB 161 155 188	#A19BBC
50.0%	50.0% #AFAAC7	RGB 175 170 199	#AFAAC7
66.7%	66.7% #BDB9D1	RGB 189 185 209	#BDB9D1
83.3%	83.3% #CCC9DB	RGB 204 201 219	#CCC9DB
100.0%	100.0% #DCDAE6	RGB 220 218 230	#DCDAE6

#8880A8 #948DB2 #A19BBC #AFAAC7 #BDB9D1 #CCC9DB #DCDAE6

#8880A8 - #AFAAC7 - #DCDAE6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8880A8 0%, #AFAAC7 50%, #DCDAE6 100%);
    background: -webkit-linear-gradient(top, #8880A8 0%, #AFAAC7 50%, #DCDAE6 100%);
    background: linear-gradient(to bottom, #8880A8 0%, #AFAAC7 50%, #DCDAE6 100%);
}
</style>