#E5C7FF - #D5E2E8 | 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 #E5C7FF to #D5E2E8

#E5C7FF #D5E2E8

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

#E5C7FF - #D5E2E8 | 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 #E5C7FF as 0% and #D5E2E8 as 100%.

0.0%	0.0% #E5C7FF	RGB 229 199 255	#E5C7FF
16.7%	16.7% #E2CBFB	RGB 226 203 251	#E2CBFB
33.3%	33.3% #DFD0F7	RGB 223 208 247	#DFD0F7
50.0%	50.0% #DDD4F3	RGB 221 212 243	#DDD4F3
66.7%	66.7% #DAD9EF	RGB 218 217 239	#DAD9EF
83.3%	83.3% #D7DDEB	RGB 215 221 235	#D7DDEB
100.0%	100.0% #D5E2E8	RGB 213 226 232	#D5E2E8

#E5C7FF #E2CBFB #DFD0F7 #DDD4F3 #DAD9EF #D7DDEB #D5E2E8

#E5C7FF - #D5E2E8

HSV Blend

#E5C7FF - #D5E2E8 | 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 #E5C7FF as 0% and #D5E2E8 as 100%.

0.0%	0.0% #E5C7FF	RGB 229 199 255	#E5C7FF
16.7%	16.7% #DAC9FB	RGB 218 201 251	#DAC9FB
33.3%	33.3% #D1CCF7	RGB 209 204 247	#D1CCF7
50.0%	50.0% #CED1F3	RGB 206 209 243	#CED1F3
66.7%	66.7% #D1D9EF	RGB 209 217 239	#D1D9EF
83.3%	83.3% #D3DEEB	RGB 211 222 235	#D3DEEB
100.0%	100.0% #D5E2E8	RGB 213 226 232	#D5E2E8

#E5C7FF #DAC9FB #D1CCF7 #CED1F3 #D1D9EF #D3DEEB #D5E2E8

#E5C7FF - #CED1F3 - #D5E2E8

CSS codes

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

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