#E4C9FE - #CDF6FF | 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 #E4C9FE to #CDF6FF

#E4C9FE #CDF6FF

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

#E4C9FE - #CDF6FF | 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 #E4C9FE as 0% and #CDF6FF as 100%.

0.0%	0.0% #E4C9FE	RGB 228 201 254	#E4C9FE
16.7%	16.7% #E0D0FE	RGB 224 208 254	#E0D0FE
33.3%	33.3% #DCD8FE	RGB 220 216 254	#DCD8FE
50.0%	50.0% #D8DFFE	RGB 216 223 254	#D8DFFE
66.7%	66.7% #D4E7FE	RGB 212 231 254	#D4E7FE
83.3%	83.3% #D0EEFE	RGB 208 238 254	#D0EEFE
100.0%	100.0% #CDF6FF	RGB 205 246 255	#CDF6FF

#E4C9FE #E0D0FE #DCD8FE #D8DFFE #D4E7FE #D0EEFE #CDF6FF

#E4C9FE - #CDF6FF

HSV Blend

#E4C9FE - #CDF6FF | 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 #E4C9FE as 0% and #CDF6FF as 100%.

0.0%	0.0% #E4C9FE	RGB 228 201 254	#E4C9FE
16.7%	16.7% #D8C9FE	RGB 216 201 254	#D8C9FE
33.3%	33.3% #CDCAFE	RGB 205 202 254	#CDCAFE
50.0%	50.0% #CAD2FE	RGB 202 210 254	#CAD2FE
66.7%	66.7% #CBDEFE	RGB 203 222 254	#CBDEFE
83.3%	83.3% #CCEAFE	RGB 204 234 254	#CCEAFE
100.0%	100.0% #CDF6FF	RGB 205 246 255	#CDF6FF

#E4C9FE #D8C9FE #CDCAFE #CAD2FE #CBDEFE #CCEAFE #CDF6FF

#E4C9FE - #CAD2FE - #CDF6FF

CSS codes

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

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