#D4D4E4 - #FFEDFC | 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 #D4D4E4 to #FFEDFC

#D4D4E4 #FFEDFC

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

#D4D4E4 - #FFEDFC | 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 #D4D4E4 as 0% and #FFEDFC as 100%.

0.0%	0.0% #D4D4E4	RGB 212 212 228	#D4D4E4
16.7%	16.7% #DBD8E8	RGB 219 216 232	#DBD8E8
33.3%	33.3% #E2DCEC	RGB 226 220 236	#E2DCEC
50.0%	50.0% #E9E0F0	RGB 233 224 240	#E9E0F0
66.7%	66.7% #F0E4F4	RGB 240 228 244	#F0E4F4
83.3%	83.3% #F7E8F8	RGB 247 232 248	#F7E8F8
100.0%	100.0% #FFEDFC	RGB 255 237 252	#FFEDFC

#D4D4E4 #DBD8E8 #E2DCEC #E9E0F0 #F0E4F4 #F7E8F8 #FFEDFC

#D4D4E4 - #FFEDFC

HSV Blend

#D4D4E4 - #FFEDFC | 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 #D4D4E4 as 0% and #FFEDFC as 100%.

0.0%	0.0% #D4D4E4	RGB 212 212 228	#D4D4E4
16.7%	16.7% #DBD8E8	RGB 219 216 232	#DBD8E8
33.3%	33.3% #E2DCED	RGB 226 220 237	#E2DCED
50.0%	50.0% #EAE0F1	RGB 234 224 241	#EAE0F1
66.7%	66.7% #F2E4F6	RGB 242 228 246	#F2E4F6
83.3%	83.3% #FAE8FA	RGB 250 232 250	#FAE8FA
100.0%	100.0% #FFEDFC	RGB 255 237 252	#FFEDFC

#D4D4E4 #DBD8E8 #E2DCED #EAE0F1 #F2E4F6 #FAE8FA #FFEDFC

#D4D4E4 - #EAE0F1 - #FFEDFC

CSS codes

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

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