#D0BBCF - #D7E5DA | 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 #D0BBCF to #D7E5DA

#D0BBCF #D7E5DA

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

#D0BBCF - #D7E5DA | 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 #D0BBCF as 0% and #D7E5DA as 100%.

0.0%	0.0% #D0BBCF	RGB 208 187 207	#D0BBCF
16.7%	16.7% #D1C2D0	RGB 209 194 208	#D1C2D0
33.3%	33.3% #D2C9D2	RGB 210 201 210	#D2C9D2
50.0%	50.0% #D3D0D4	RGB 211 208 212	#D3D0D4
66.7%	66.7% #D4D7D6	RGB 212 215 214	#D4D7D6
83.3%	83.3% #D5DED8	RGB 213 222 216	#D5DED8
100.0%	100.0% #D7E5DA	RGB 215 229 218	#D7E5DA

#D0BBCF #D1C2D0 #D2C9D2 #D3D0D4 #D4D7D6 #D5DED8 #D7E5DA

#D0BBCF - #D7E5DA

HSV Blend

#D0BBCF - #D7E5DA | 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 #D0BBCF as 0% and #D7E5DA as 100%.

0.0%	0.0% #D0BBCF	RGB 208 187 207	#D0BBCF
16.7%	16.7% #CBBFD3	RGB 203 191 211	#CBBFD3
33.3%	33.3% #C6C4D7	RGB 198 196 215	#C6C4D7
50.0%	50.0% #C8CFDA	RGB 200 207 218	#C8CFDA
66.7%	66.7% #CDDBDE	RGB 205 219 222	#CDDBDE
83.3%	83.3% #D2E1DC	RGB 210 225 220	#D2E1DC
100.0%	100.0% #D7E5DA	RGB 215 229 218	#D7E5DA

#D0BBCF #CBBFD3 #C6C4D7 #C8CFDA #CDDBDE #D2E1DC #D7E5DA

#D0BBCF - #C8CFDA - #D7E5DA

CSS codes

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

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