#D4BBCF - #DBE6DF | 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 #D4BBCF to #DBE6DF

#D4BBCF #DBE6DF

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

#D4BBCF - #DBE6DF | 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 #D4BBCF as 0% and #DBE6DF as 100%.

0.0%	0.0% #D4BBCF	RGB 212 187 207	#D4BBCF
16.7%	16.7% #D5C2D1	RGB 213 194 209	#D5C2D1
33.3%	33.3% #D6C9D4	RGB 214 201 212	#D6C9D4
50.0%	50.0% #D7D0D7	RGB 215 208 215	#D7D0D7
66.7%	66.7% #D8D7D9	RGB 216 215 217	#D8D7D9
83.3%	83.3% #D9DEDC	RGB 217 222 220	#D9DEDC
100.0%	100.0% #DBE6DF	RGB 219 230 223	#DBE6DF

#D4BBCF #D5C2D1 #D6C9D4 #D7D0D7 #D8D7D9 #D9DEDC #DBE6DF

#D4BBCF - #DBE6DF

HSV Blend

#D4BBCF - #DBE6DF | 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 #D4BBCF as 0% and #DBE6DF as 100%.

0.0%	0.0% #D4BBCF	RGB 212 187 207	#D4BBCF
16.7%	16.7% #D0C0D7	RGB 208 192 215	#D0C0D7
33.3%	33.3% #CAC5DA	RGB 202 197 218	#CAC5DA
50.0%	50.0% #CACEDD	RGB 202 206 221	#CACEDD
66.7%	66.7% #D0DBE0	RGB 208 219 224	#D0DBE0
83.3%	83.3% #D5E3E0	RGB 213 227 224	#D5E3E0
100.0%	100.0% #DBE6DF	RGB 219 230 223	#DBE6DF

#D4BBCF #D0C0D7 #CAC5DA #CACEDD #D0DBE0 #D5E3E0 #DBE6DF

#D4BBCF - #CACEDD - #DBE6DF

CSS codes

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

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