#D4D4FC - #FFF7F7 | 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 #D4D4FC to #FFF7F7

#D4D4FC #FFF7F7

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

#D4D4FC - #FFF7F7 | 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 #D4D4FC as 0% and #FFF7F7 as 100%.

0.0%	0.0% #D4D4FC	RGB 212 212 252	#D4D4FC
16.7%	16.7% #DBD9FB	RGB 219 217 251	#DBD9FB
33.3%	33.3% #E2DFFA	RGB 226 223 250	#E2DFFA
50.0%	50.0% #E9E5F9	RGB 233 229 249	#E9E5F9
66.7%	66.7% #F0EBF8	RGB 240 235 248	#F0EBF8
83.3%	83.3% #F7F1F7	RGB 247 241 247	#F7F1F7
100.0%	100.0% #FFF7F7	RGB 255 247 247	#FFF7F7

#D4D4FC #DBD9FB #E2DFFA #E9E5F9 #F0EBF8 #F7F1F7 #FFF7F7

#D4D4FC - #FFF7F7

HSV Blend

#D4D4FC - #FFF7F7 | 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 #D4D4FC as 0% and #FFF7F7 as 100%.

0.0%	0.0% #D4D4FC	RGB 212 212 252	#D4D4FC
16.7%	16.7% #E5D9FC	RGB 229 217 252	#E5D9FC
33.3%	33.3% #F3DFFD	RGB 243 223 253	#F3DFFD
50.0%	50.0% #FDE5FD	RGB 253 229 253	#FDE5FD
66.7%	66.7% #FEEBF7	RGB 254 235 247	#FEEBF7
83.3%	83.3% #FEF1F5	RGB 254 241 245	#FEF1F5
100.0%	100.0% #FFF7F7	RGB 255 247 247	#FFF7F7

#D4D4FC #E5D9FC #F3DFFD #FDE5FD #FEEBF7 #FEF1F5 #FFF7F7

#D4D4FC - #FDE5FD - #FFF7F7

CSS codes

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

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