#D2BACB - #D6DFD9 | 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 #D2BACB to #D6DFD9

#D2BACB #D6DFD9

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

#D2BACB - #D6DFD9 | 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 #D2BACB as 0% and #D6DFD9 as 100%.

0.0%	0.0% #D2BACB	RGB 210 186 203	#D2BACB
16.7%	16.7% #D2C0CD	RGB 210 192 205	#D2C0CD
33.3%	33.3% #D3C6CF	RGB 211 198 207	#D3C6CF
50.0%	50.0% #D4CCD2	RGB 212 204 210	#D4CCD2
66.7%	66.7% #D4D2D4	RGB 212 210 212	#D4D2D4
83.3%	83.3% #D5D8D6	RGB 213 216 214	#D5D8D6
100.0%	100.0% #D6DFD9	RGB 214 223 217	#D6DFD9

#D2BACB #D2C0CD #D3C6CF #D4CCD2 #D4D2D4 #D5D8D6 #D6DFD9

#D2BACB - #D6DFD9

HSV Blend

#D2BACB - #D6DFD9 | 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 #D2BACB as 0% and #D6DFD9 as 100%.

0.0%	0.0% #D2BACB	RGB 210 186 203	#D2BACB
16.7%	16.7% #CFBED4	RGB 207 190 212	#CFBED4
33.3%	33.3% #C8C3D6	RGB 200 195 214	#C8C3D6
50.0%	50.0% #C7CAD8	RGB 199 202 216	#C7CAD8
66.7%	66.7% #CCD6DA	RGB 204 214 218	#CCD6DA
83.3%	83.3% #D1DCDA	RGB 209 220 218	#D1DCDA
100.0%	100.0% #D6DFD9	RGB 214 223 217	#D6DFD9

#D2BACB #CFBED4 #C8C3D6 #C7CAD8 #CCD6DA #D1DCDA #D6DFD9

#D2BACB - #C7CAD8 - #D6DFD9

CSS codes

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

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