#D6BBC9 - #DCE7E3 | 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 #D6BBC9 to #DCE7E3

#D6BBC9 #DCE7E3

Calculate the color between two colors, #D6BBC9 and #DCE7E3. 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)

#D6BBC9 - #DCE7E3 | 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 #D6BBC9 as 0% and #DCE7E3 as 100%.

0.0%	0.0% #D6BBC9	RGB 214 187 201	#D6BBC9
16.7%	16.7% #D7C2CD	RGB 215 194 205	#D7C2CD
33.3%	33.3% #D8C9D1	RGB 216 201 209	#D8C9D1
50.0%	50.0% #D9D1D6	RGB 217 209 214	#D9D1D6
66.7%	66.7% #DAD8DA	RGB 218 216 218	#DAD8DA
83.3%	83.3% #DBDFDE	RGB 219 223 222	#DBDFDE
100.0%	100.0% #DCE7E3	RGB 220 231 227	#DCE7E3

#D6BBC9 #D7C2CD #D8C9D1 #D9D1D6 #DAD8DA #DBDFDE #DCE7E3

#D6BBC9 - #DCE7E3

HSV Blend

#D6BBC9 - #DCE7E3 | 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 #D6BBC9 as 0% and #DCE7E3 as 100%.

0.0%	0.0% #D6BBC9	RGB 214 187 201	#D6BBC9
16.7%	16.7% #D8C0D8	RGB 216 192 216	#D8C0D8
33.3%	33.3% #D1C5DB	RGB 209 197 219	#D1C5DB
50.0%	50.0% #CCCBDE	RGB 204 203 222	#CCCBDE
66.7%	66.7% #D0D7E1	RGB 208 215 225	#D0D7E1
83.3%	83.3% #D6E2E4	RGB 214 226 228	#D6E2E4
100.0%	100.0% #DCE7E3	RGB 220 231 227	#DCE7E3

#D6BBC9 #D8C0D8 #D1C5DB #CCCBDE #D0D7E1 #D6E2E4 #DCE7E3

#D6BBC9 - #CCCBDE - #DCE7E3

CSS codes

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

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