#D1CBCD - #DEC5E4 | 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 #D1CBCD to #DEC5E4

#D1CBCD #DEC5E4

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

#D1CBCD - #DEC5E4 | 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 #D1CBCD as 0% and #DEC5E4 as 100%.

0.0%	0.0% #D1CBCD	RGB 209 203 205	#D1CBCD
16.7%	16.7% #D3CAD0	RGB 211 202 208	#D3CAD0
33.3%	33.3% #D5C9D4	RGB 213 201 212	#D5C9D4
50.0%	50.0% #D7C8D8	RGB 215 200 216	#D7C8D8
66.7%	66.7% #D9C7DC	RGB 217 199 220	#D9C7DC
83.3%	83.3% #DBC6E0	RGB 219 198 224	#DBC6E0
100.0%	100.0% #DEC5E4	RGB 222 197 228	#DEC5E4

#D1CBCD #D3CAD0 #D5C9D4 #D7C8D8 #D9C7DC #DBC6E0 #DEC5E4

#D1CBCD - #DEC5E4

HSV Blend

#D1CBCD - #DEC5E4 | 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 #D1CBCD as 0% and #DEC5E4 as 100%.

0.0%	0.0% #D1CBCD	RGB 209 203 205	#D1CBCD
16.7%	16.7% #D4CACE	RGB 212 202 206	#D4CACE
33.3%	33.3% #D7C9D2	RGB 215 201 210	#D7C9D2
50.0%	50.0% #DAC8D6	RGB 218 200 214	#DAC8D6
66.7%	66.7% #DDC7DB	RGB 221 199 219	#DDC7DB
83.3%	83.3% #DFC6E0	RGB 223 198 224	#DFC6E0
100.0%	100.0% #DEC5E4	RGB 222 197 228	#DEC5E4

#D1CBCD #D4CACE #D7C9D2 #DAC8D6 #DDC7DB #DFC6E0 #DEC5E4

#D1CBCD - #DAC8D6 - #DEC5E4

CSS codes

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

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