#876EA8 - #DBD5E6 | 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 #876EA8 to #DBD5E6

#876EA8 #DBD5E6

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

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

0.0%	0.0% #876EA8	RGB 135 110 168	#876EA8
16.7%	16.7% #957FB2	RGB 149 127 178	#957FB2
33.3%	33.3% #A390BC	RGB 163 144 188	#A390BC
50.0%	50.0% #B1A1C7	RGB 177 161 199	#B1A1C7
66.7%	66.7% #BFB2D1	RGB 191 178 209	#BFB2D1
83.3%	83.3% #CDC3DB	RGB 205 195 219	#CDC3DB
100.0%	100.0% #DBD5E6	RGB 219 213 230	#DBD5E6

#876EA8 #957FB2 #A390BC #B1A1C7 #BFB2D1 #CDC3DB #DBD5E6

#876EA8 - #DBD5E6

HSV Blend

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

0.0%	0.0% #866EA8	RGB 134 110 168	#866EA8
16.7%	16.7% #937CB2	RGB 147 124 178	#937CB2
33.3%	33.3% #A08CBC	RGB 160 140 188	#A08CBC
50.0%	50.0% #AD9DC7	RGB 173 157 199	#AD9DC7
66.7%	66.7% #BBAED1	RGB 187 174 209	#BBAED1
83.3%	83.3% #CBC1DB	RGB 203 193 219	#CBC1DB
100.0%	100.0% #DBD5E6	RGB 219 213 230	#DBD5E6

#866EA8 #937CB2 #A08CBC #AD9DC7 #BBAED1 #CBC1DB #DBD5E6

#876EA8 - #AD9DC7 - #DBD5E6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #866EA8 0%, #AD9DC7 50%, #DBD5E6 100%);
    background: -webkit-linear-gradient(top, #866EA8 0%, #AD9DC7 50%, #DBD5E6 100%);
    background: linear-gradient(to bottom, #866EA8 0%, #AD9DC7 50%, #DBD5E6 100%);
}
</style>