#E3C7FD - #CBF4FF | 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 #E3C7FD to #CBF4FF

#E3C7FD #CBF4FF

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

#E3C7FD - #CBF4FF | 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 #E3C7FD as 0% and #CBF4FF as 100%.

0.0%	0.0% #E3C7FD	RGB 227 199 253	#E3C7FD
16.7%	16.7% #DFCEFD	RGB 223 206 253	#DFCEFD
33.3%	33.3% #DBD6FD	RGB 219 214 253	#DBD6FD
50.0%	50.0% #D7DDFE	RGB 215 221 254	#D7DDFE
66.7%	66.7% #D3E5FE	RGB 211 229 254	#D3E5FE
83.3%	83.3% #CFECFE	RGB 207 236 254	#CFECFE
100.0%	100.0% #CBF4FF	RGB 203 244 255	#CBF4FF

#E3C7FD #DFCEFD #DBD6FD #D7DDFE #D3E5FE #CFECFE #CBF4FF

#E3C7FD - #CBF4FF

HSV Blend

#E3C7FD - #CBF4FF | 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 #E3C7FD as 0% and #CBF4FF as 100%.

0.0%	0.0% #E3C7FD	RGB 227 199 253	#E3C7FD
16.7%	16.7% #D7C7FD	RGB 215 199 253	#D7C7FD
33.3%	33.3% #CCC8FD	RGB 204 200 253	#CCC8FD
50.0%	50.0% #C8D0FE	RGB 200 208 254	#C8D0FE
66.7%	66.7% #C9DCFE	RGB 201 220 254	#C9DCFE
83.3%	83.3% #CAE8FE	RGB 202 232 254	#CAE8FE
100.0%	100.0% #CBF4FF	RGB 203 244 255	#CBF4FF

#E3C7FD #D7C7FD #CCC8FD #C8D0FE #C9DCFE #CAE8FE #CBF4FF

#E3C7FD - #C8D0FE - #CBF4FF

CSS codes

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

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