#8886A8 - #DDDCE6 | 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 #8886A8 to #DDDCE6

#8886A8 #DDDCE6

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

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

0.0%	0.0% #8886A8	RGB 136 134 168	#8886A8
16.7%	16.7% #9694B2	RGB 150 148 178	#9694B2
33.3%	33.3% #A4A2BC	RGB 164 162 188	#A4A2BC
50.0%	50.0% #B2B1C7	RGB 178 177 199	#B2B1C7
66.7%	66.7% #C0BFD1	RGB 192 191 209	#C0BFD1
83.3%	83.3% #CECDDB	RGB 206 205 219	#CECDDB
100.0%	100.0% #DDDCE6	RGB 221 220 230	#DDDCE6

#8886A8 #9694B2 #A4A2BC #B2B1C7 #C0BFD1 #CECDDB #DDDCE6

#8886A8 - #DDDCE6

HSV Blend

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

0.0%	0.0% #8886A8	RGB 136 134 168	#8886A8
16.7%	16.7% #9592B2	RGB 149 146 178	#9592B2
33.3%	33.3% #A2A0BC	RGB 162 160 188	#A2A0BC
50.0%	50.0% #B0AEC7	RGB 176 174 199	#B0AEC7
66.7%	66.7% #BEBDD1	RGB 190 189 209	#BEBDD1
83.3%	83.3% #CDCCDB	RGB 205 204 219	#CDCCDB
100.0%	100.0% #DDDCE6	RGB 221 220 230	#DDDCE6

#8886A8 #9592B2 #A2A0BC #B0AEC7 #BEBDD1 #CDCCDB #DDDCE6

#8886A8 - #B0AEC7 - #DDDCE6

CSS codes

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

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