#D4D2FF - #DCE1F5 | 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 #D4D2FF to #DCE1F5

#D4D2FF #DCE1F5

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

#D4D2FF - #DCE1F5 | 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 #D4D2FF as 0% and #DCE1F5 as 100%.

0.0%	0.0% #D4D2FF	RGB 212 210 255	#D4D2FF
16.7%	16.7% #D5D4FD	RGB 213 212 253	#D5D4FD
33.3%	33.3% #D6D7FB	RGB 214 215 251	#D6D7FB
50.0%	50.0% #D8D9FA	RGB 216 217 250	#D8D9FA
66.7%	66.7% #D9DCF8	RGB 217 220 248	#D9DCF8
83.3%	83.3% #DADEF6	RGB 218 222 246	#DADEF6
100.0%	100.0% #DCE1F5	RGB 220 225 245	#DCE1F5

#D4D2FF #D5D4FD #D6D7FB #D8D9FA #D9DCF8 #DADEF6 #DCE1F5

#D4D2FF - #DCE1F5

HSV Blend

#D4D2FF - #DCE1F5 | 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 #D4D2FF as 0% and #DCE1F5 as 100%.

0.0%	0.0% #D4D2FF	RGB 212 210 255	#D4D2FF
16.7%	16.7% #D3D3FD	RGB 211 211 253	#D3D3FD
33.3%	33.3% #D5D6FB	RGB 213 214 251	#D5D6FB
50.0%	50.0% #D7D9FA	RGB 215 217 250	#D7D9FA
66.7%	66.7% #D8DCF8	RGB 216 220 248	#D8DCF8
83.3%	83.3% #DADEF6	RGB 218 222 246	#DADEF6
100.0%	100.0% #DCE1F5	RGB 220 225 245	#DCE1F5

#D4D2FF #D3D3FD #D5D6FB #D7D9FA #D8DCF8 #DADEF6 #DCE1F5

#D4D2FF - #D7D9FA - #DCE1F5

CSS codes

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

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