#D9CFDA - #D4D4EE | 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 #D9CFDA to #D4D4EE

#D9CFDA #D4D4EE

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

#D9CFDA - #D4D4EE | 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 #D9CFDA as 0% and #D4D4EE as 100%.

0.0%	0.0% #D9CFDA	RGB 217 207 218	#D9CFDA
16.7%	16.7% #D8CFDD	RGB 216 207 221	#D8CFDD
33.3%	33.3% #D7D0E0	RGB 215 208 224	#D7D0E0
50.0%	50.0% #D6D1E4	RGB 214 209 228	#D6D1E4
66.7%	66.7% #D5D2E7	RGB 213 210 231	#D5D2E7
83.3%	83.3% #D4D3EA	RGB 212 211 234	#D4D3EA
100.0%	100.0% #D4D4EE	RGB 212 212 238	#D4D4EE

#D9CFDA #D8CFDD #D7D0E0 #D6D1E4 #D5D2E7 #D4D3EA #D4D4EE

#D9CFDA - #D4D4EE

HSV Blend

#D9CFDA - #D4D4EE | 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 #D9CFDA as 0% and #D4D4EE as 100%.

0.0%	0.0% #D9CFDA	RGB 217 207 218	#D9CFDA
16.7%	16.7% #DACFDD	RGB 218 207 221	#DACFDD
33.3%	33.3% #DAD0E0	RGB 218 208 224	#DAD0E0
50.0%	50.0% #DAD1E4	RGB 218 209 228	#DAD1E4
66.7%	66.7% #D8D2E7	RGB 216 210 231	#D8D2E7
83.3%	83.3% #D6D3EA	RGB 214 211 234	#D6D3EA
100.0%	100.0% #D4D4EE	RGB 212 212 238	#D4D4EE

#D9CFDA #DACFDD #DAD0E0 #DAD1E4 #D8D2E7 #D6D3EA #D4D4EE

#D9CFDA - #DAD1E4 - #D4D4EE

CSS codes

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

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