#876CA1 - #DCD5E4 | 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 #876CA1 to #DCD5E4

#876CA1 #DCD5E4

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

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

0.0%	0.0% #876CA1	RGB 135 108 161	#876CA1
16.7%	16.7% #957DAC	RGB 149 125 172	#957DAC
33.3%	33.3% #A38FB7	RGB 163 143 183	#A38FB7
50.0%	50.0% #B1A0C2	RGB 177 160 194	#B1A0C2
66.7%	66.7% #BFB2CD	RGB 191 178 205	#BFB2CD
83.3%	83.3% #CDC3D8	RGB 205 195 216	#CDC3D8
100.0%	100.0% #DCD5E4	RGB 220 213 228	#DCD5E4

#876CA1 #957DAC #A38FB7 #B1A0C2 #BFB2CD #CDC3D8 #DCD5E4

#876CA1 - #DCD5E4

HSV Blend

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

0.0%	0.0% #876CA1	RGB 135 108 161	#876CA1
16.7%	16.7% #937BAC	RGB 147 123 172	#937BAC
33.3%	33.3% #A08BB7	RGB 160 139 183	#A08BB7
50.0%	50.0% #AE9CC2	RGB 174 156 194	#AE9CC2
66.7%	66.7% #BDAECD	RGB 189 174 205	#BDAECD
83.3%	83.3% #CCC1D8	RGB 204 193 216	#CCC1D8
100.0%	100.0% #DCD5E4	RGB 220 213 228	#DCD5E4

#876CA1 #937BAC #A08BB7 #AE9CC2 #BDAECD #CCC1D8 #DCD5E4

#876CA1 - #AE9CC2 - #DCD5E4

CSS codes

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

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