#D1CFD3 - #867C90 | 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 #D1CFD3 to #867C90

#D1CFD3 #867C90

Calculate the color between two colors, #D1CFD3 and #867C90. 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)

#D1CFD3 - #867C90 | 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 #D1CFD3 as 0% and #867C90 as 100%.

0.0%	0.0% #D1CFD3	RGB 209 207 211	#D1CFD3
16.7%	16.7% #C4C1C7	RGB 196 193 199	#C4C1C7
33.3%	33.3% #B8B3BC	RGB 184 179 188	#B8B3BC
50.0%	50.0% #ABA5B1	RGB 171 165 177	#ABA5B1
66.7%	66.7% #9F97A6	RGB 159 151 166	#9F97A6
83.3%	83.3% #92899B	RGB 146 137 155	#92899B
100.0%	100.0% #867C90	RGB 134 124 144	#867C90

#D1CFD3 #C4C1C7 #B8B3BC #ABA5B1 #9F97A6 #92899B #867C90

#D1CFD3 - #867C90

HSV Blend

#D1CFD3 - #867C90 | 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 #D1CFD3 as 0% and #867C90 as 100%.

0.0%	0.0% #D1CFD3	RGB 209 207 211	#D1CFD3
16.7%	16.7% #C3C0C7	RGB 195 192 199	#C3C0C7
33.3%	33.3% #B7B1BC	RGB 183 177 188	#B7B1BC
50.0%	50.0% #AAA3B1	RGB 170 163 177	#AAA3B1
66.7%	66.7% #9E95A6	RGB 158 149 166	#9E95A6
83.3%	83.3% #91889B	RGB 145 136 155	#91889B
100.0%	100.0% #867C90	RGB 134 124 144	#867C90

#D1CFD3 #C3C0C7 #B7B1BC #AAA3B1 #9E95A6 #91889B #867C90

#D1CFD3 - #AAA3B1 - #867C90

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D1CFD3 0%, #AAA3B1 50%, #867C90 100%);
    background: -webkit-linear-gradient(top, #D1CFD3 0%, #AAA3B1 50%, #867C90 100%);
    background: linear-gradient(to bottom, #D1CFD3 0%, #AAA3B1 50%, #867C90 100%);
}
</style>