#876B9F - #DBD4E3 | 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 #876B9F to #DBD4E3

#876B9F #DBD4E3

Calculate the color between two colors, #876B9F and #DBD4E3. 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)

#876B9F - #DBD4E3 | 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 #876B9F as 0% and #DBD4E3 as 100%.

0.0%	0.0% #876B9F	RGB 135 107 159	#876B9F
16.7%	16.7% #957CAA	RGB 149 124 170	#957CAA
33.3%	33.3% #A38EB5	RGB 163 142 181	#A38EB5
50.0%	50.0% #B19FC1	RGB 177 159 193	#B19FC1
66.7%	66.7% #BFB1CC	RGB 191 177 204	#BFB1CC
83.3%	83.3% #CDC2D7	RGB 205 194 215	#CDC2D7
100.0%	100.0% #DBD4E3	RGB 219 212 227	#DBD4E3

#876B9F #957CAA #A38EB5 #B19FC1 #BFB1CC #CDC2D7 #DBD4E3

#876B9F - #DBD4E3

HSV Blend

#876B9F - #DBD4E3 | 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 #876B9F as 0% and #DBD4E3 as 100%.

0.0%	0.0% #876B9F	RGB 135 107 159	#876B9F
16.7%	16.7% #937AAA	RGB 147 122 170	#937AAA
33.3%	33.3% #A08AB5	RGB 160 138 181	#A08AB5
50.0%	50.0% #AE9BC1	RGB 174 155 193	#AE9BC1
66.7%	66.7% #BCADCC	RGB 188 173 204	#BCADCC
83.3%	83.3% #CBC0D7	RGB 203 192 215	#CBC0D7
100.0%	100.0% #DBD4E3	RGB 219 212 227	#DBD4E3

#876B9F #937AAA #A08AB5 #AE9BC1 #BCADCC #CBC0D7 #DBD4E3

#876B9F - #AE9BC1 - #DBD4E3

CSS codes

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

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