#D2CFD5 - #877C92 | 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 #D2CFD5 to #877C92

#D2CFD5 #877C92

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

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

0.0%	0.0% #D2CFD5	RGB 210 207 213	#D2CFD5
16.7%	16.7% #C5C1C9	RGB 197 193 201	#C5C1C9
33.3%	33.3% #B9B3BE	RGB 185 179 190	#B9B3BE
50.0%	50.0% #ACA5B3	RGB 172 165 179	#ACA5B3
66.7%	66.7% #A097A8	RGB 160 151 168	#A097A8
83.3%	83.3% #93899D	RGB 147 137 157	#93899D
100.0%	100.0% #877C92	RGB 135 124 146	#877C92

#D2CFD5 #C5C1C9 #B9B3BE #ACA5B3 #A097A8 #93899D #877C92

#D2CFD5 - #877C92

HSV Blend

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

0.0%	0.0% #D2CFD5	RGB 210 207 213	#D2CFD5
16.7%	16.7% #C4C0C9	RGB 196 192 201	#C4C0C9
33.3%	33.3% #B8B1BE	RGB 184 177 190	#B8B1BE
50.0%	50.0% #ABA3B3	RGB 171 163 179	#ABA3B3
66.7%	66.7% #9F95A8	RGB 159 149 168	#9F95A8
83.3%	83.3% #92889D	RGB 146 136 157	#92889D
100.0%	100.0% #877C92	RGB 135 124 146	#877C92

#D2CFD5 #C4C0C9 #B8B1BE #ABA3B3 #9F95A8 #92889D #877C92

#D2CFD5 - #ABA3B3 - #877C92

CSS codes

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

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