#D3E3E4 - #EFD6FF | 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 #D3E3E4 to #EFD6FF

#D3E3E4 #EFD6FF

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

#D3E3E4 - #EFD6FF | 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 #D3E3E4 as 0% and #EFD6FF as 100%.

0.0%	0.0% #D3E3E4	RGB 211 227 228	#D3E3E4
16.7%	16.7% #D7E0E8	RGB 215 224 232	#D7E0E8
33.3%	33.3% #DCDEED	RGB 220 222 237	#DCDEED
50.0%	50.0% #E1DCF1	RGB 225 220 241	#E1DCF1
66.7%	66.7% #E5DAF6	RGB 229 218 246	#E5DAF6
83.3%	83.3% #EAD8FA	RGB 234 216 250	#EAD8FA
100.0%	100.0% #EFD6FF	RGB 239 214 255	#EFD6FF

#D3E3E4 #D7E0E8 #DCDEED #E1DCF1 #E5DAF6 #EAD8FA #EFD6FF

#D3E3E4 - #EFD6FF

HSV Blend

#D3E3E4 - #EFD6FF | 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 #D3E3E4 as 0% and #EFD6FF as 100%.

0.0%	0.0% #D3E3E4	RGB 211 227 228	#D3E3E4
16.7%	16.7% #D3E1E8	RGB 211 225 232	#D3E1E8
33.3%	33.3% #D4DEED	RGB 212 222 237	#D4DEED
50.0%	50.0% #D5D9F1	RGB 213 217 241	#D5D9F1
66.7%	66.7% #D8D5F6	RGB 216 213 246	#D8D5F6
83.3%	83.3% #E2D5FA	RGB 226 213 250	#E2D5FA
100.0%	100.0% #EFD6FF	RGB 239 214 255	#EFD6FF

#D3E3E4 #D3E1E8 #D4DEED #D5D9F1 #D8D5F6 #E2D5FA #EFD6FF

#D3E3E4 - #D5D9F1 - #EFD6FF

CSS codes

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

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