#E5B2FF - #CCEAE7 | 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 #E5B2FF to #CCEAE7

#E5B2FF #CCEAE7

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

#E5B2FF - #CCEAE7 | 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 #E5B2FF as 0% and #CCEAE7 as 100%.

0.0%	0.0% #E5B2FF	RGB 229 178 255	#E5B2FF
16.7%	16.7% #E0BBFB	RGB 224 187 251	#E0BBFB
33.3%	33.3% #DCC4F7	RGB 220 196 247	#DCC4F7
50.0%	50.0% #D8CEF3	RGB 216 206 243	#D8CEF3
66.7%	66.7% #D4D7EF	RGB 212 215 239	#D4D7EF
83.3%	83.3% #D0E0EB	RGB 208 224 235	#D0E0EB
100.0%	100.0% #CCEAE7	RGB 204 234 231	#CCEAE7

#E5B2FF #E0BBFB #DCC4F7 #D8CEF3 #D4D7EF #D0E0EB #CCEAE7

#E5B2FF - #CCEAE7

HSV Blend

#E5B2FF - #CCEAE7 | 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 #E5B2FF as 0% and #CCEAE7 as 100%.

0.0%	0.0% #E5B2FF	RGB 229 178 255	#E5B2FF
16.7%	16.7% #D0B6FB	RGB 208 182 251	#D0B6FB
33.3%	33.3% #C0BBF8	RGB 192 187 248	#C0BBF8
50.0%	50.0% #BFCBF4	RGB 191 203 244	#BFCBF4
66.7%	66.7% #C4DBF1	RGB 196 219 241	#C4DBF1
83.3%	83.3% #C8E6ED	RGB 200 230 237	#C8E6ED
100.0%	100.0% #CCEAE7	RGB 204 234 231	#CCEAE7

#E5B2FF #D0B6FB #C0BBF8 #BFCBF4 #C4DBF1 #C8E6ED #CCEAE7

#E5B2FF - #BFCBF4 - #CCEAE7

CSS codes

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

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