#E5C7FF - #CFF1FF | 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 #CFF1FF

#E5C7FF #CFF1FF

Calculate the color between two colors, #E5C7FF and #CFF1FF. 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 - #CFF1FF | 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 #CFF1FF as 100%.

0.0%	0.0% #E5C7FF	RGB 229 199 255	#E5C7FF
16.7%	16.7% #E1CEFF	RGB 225 206 255	#E1CEFF
33.3%	33.3% #DDD5FF	RGB 221 213 255	#DDD5FF
50.0%	50.0% #DADCFF	RGB 218 220 255	#DADCFF
66.7%	66.7% #D6E3FF	RGB 214 227 255	#D6E3FF
83.3%	83.3% #D2EAFF	RGB 210 234 255	#D2EAFF
100.0%	100.0% #CFF1FF	RGB 207 241 255	#CFF1FF

#E5C7FF #E1CEFF #DDD5FF #DADCFF #D6E3FF #D2EAFF #CFF1FF

#E5C7FF - #CFF1FF

HSV Blend

#E5C7FF - #CFF1FF | 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 #CFF1FF as 100%.

0.0%	0.0% #E5C7FF	RGB 229 199 255	#E5C7FF
16.7%	16.7% #DAC8FF	RGB 218 200 255	#DAC8FF
33.3%	33.3% #D0C9FF	RGB 208 201 255	#D0C9FF
50.0%	50.0% #CBCFFF	RGB 203 207 255	#CBCFFF
66.7%	66.7% #CCDBFF	RGB 204 219 255	#CCDBFF
83.3%	83.3% #CDE6FF	RGB 205 230 255	#CDE6FF
100.0%	100.0% #CFF1FF	RGB 207 241 255	#CFF1FF

#E5C7FF #DAC8FF #D0C9FF #CBCFFF #CCDBFF #CDE6FF #CFF1FF

#E5C7FF - #CBCFFF - #CFF1FF

CSS codes

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

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