#886BA6 - #DBD4E5 | 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 #886BA6 to #DBD4E5

#886BA6 #DBD4E5

Calculate the color between two colors, #886BA6 and #DBD4E5. 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)

#886BA6 - #DBD4E5 | 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 #886BA6 as 0% and #DBD4E5 as 100%.

0.0%	0.0% #886BA6	RGB 136 107 166	#886BA6
16.7%	16.7% #957CB0	RGB 149 124 176	#957CB0
33.3%	33.3% #A38EBB	RGB 163 142 187	#A38EBB
50.0%	50.0% #B19FC5	RGB 177 159 197	#B19FC5
66.7%	66.7% #BFB1D0	RGB 191 177 208	#BFB1D0
83.3%	83.3% #CDC2DA	RGB 205 194 218	#CDC2DA
100.0%	100.0% #DBD4E5	RGB 219 212 229	#DBD4E5

#886BA6 #957CB0 #A38EBB #B19FC5 #BFB1D0 #CDC2DA #DBD4E5

#886BA6 - #DBD4E5

HSV Blend

#886BA6 - #DBD4E5 | 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 #886BA6 as 0% and #DBD4E5 as 100%.

0.0%	0.0% #876BA6	RGB 135 107 166	#876BA6
16.7%	16.7% #947AB0	RGB 148 122 176	#947AB0
33.3%	33.3% #A08ABB	RGB 160 138 187	#A08ABB
50.0%	50.0% #AE9BC5	RGB 174 155 197	#AE9BC5
66.7%	66.7% #BCADD0	RGB 188 173 208	#BCADD0
83.3%	83.3% #CBC0DA	RGB 203 192 218	#CBC0DA
100.0%	100.0% #DBD4E5	RGB 219 212 229	#DBD4E5

#876BA6 #947AB0 #A08ABB #AE9BC5 #BCADD0 #CBC0DA #DBD4E5

#886BA6 - #AE9BC5 - #DBD4E5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #876BA6 0%, #AE9BC5 50%, #DBD4E5 100%);
    background: -webkit-linear-gradient(top, #876BA6 0%, #AE9BC5 50%, #DBD4E5 100%);
    background: linear-gradient(to bottom, #876BA6 0%, #AE9BC5 50%, #DBD4E5 100%);
}
</style>