#877E8C - #DCDADE | 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 #877E8C to #DCDADE

#877E8C #DCDADE

Calculate the color between two colors, #877E8C and #DCDADE. 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)

#877E8C - #DCDADE | 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 #877E8C as 0% and #DCDADE as 100%.

0.0%	0.0% #877E8C	RGB 135 126 140	#877E8C
16.7%	16.7% #958D99	RGB 149 141 153	#958D99
33.3%	33.3% #A39CA7	RGB 163 156 167	#A39CA7
50.0%	50.0% #B1ACB5	RGB 177 172 181	#B1ACB5
66.7%	66.7% #BFBBC2	RGB 191 187 194	#BFBBC2
83.3%	83.3% #CDCAD0	RGB 205 202 208	#CDCAD0
100.0%	100.0% #DCDADE	RGB 220 218 222	#DCDADE

#877E8C #958D99 #A39CA7 #B1ACB5 #BFBBC2 #CDCAD0 #DCDADE

#877E8C - #DCDADE

HSV Blend

#877E8C - #DCDADE | 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 #877E8C as 0% and #DCDADE as 100%.

0.0%	0.0% #877E8C	RGB 135 126 140	#877E8C
16.7%	16.7% #948C99	RGB 148 140 153	#948C99
33.3%	33.3% #A29BA7	RGB 162 155 167	#A29BA7
50.0%	50.0% #B0AAB5	RGB 176 170 181	#B0AAB5
66.7%	66.7% #BEB9C2	RGB 190 185 194	#BEB9C2
83.3%	83.3% #CDC9D0	RGB 205 201 208	#CDC9D0
100.0%	100.0% #DCDADE	RGB 220 218 222	#DCDADE

#877E8C #948C99 #A29BA7 #B0AAB5 #BEB9C2 #CDC9D0 #DCDADE

#877E8C - #B0AAB5 - #DCDADE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #877E8C 0%, #B0AAB5 50%, #DCDADE 100%);
    background: -webkit-linear-gradient(top, #877E8C 0%, #B0AAB5 50%, #DCDADE 100%);
    background: linear-gradient(to bottom, #877E8C 0%, #B0AAB5 50%, #DCDADE 100%);
}
</style>