#CE96CC - #ECAEFF | 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 #CE96CC to #ECAEFF

#CE96CC #ECAEFF

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

#CE96CC - #ECAEFF | 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 #CE96CC as 0% and #ECAEFF as 100%.

0.0%	0.0% #CE96CC	RGB 206 150 204	#CE96CC
16.7%	16.7% #D39AD4	RGB 211 154 212	#D39AD4
33.3%	33.3% #D89EDD	RGB 216 158 221	#D89EDD
50.0%	50.0% #DDA2E5	RGB 221 162 229	#DDA2E5
66.7%	66.7% #E2A6EE	RGB 226 166 238	#E2A6EE
83.3%	83.3% #E7AAF6	RGB 231 170 246	#E7AAF6
100.0%	100.0% #ECAEFF	RGB 236 174 255	#ECAEFF

#CE96CC #D39AD4 #D89EDD #DDA2E5 #E2A6EE #E7AAF6 #ECAEFF

#CE96CC - #ECAEFF

HSV Blend

#CE96CC - #ECAEFF | 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 #CE96CC as 0% and #ECAEFF as 100%.

0.0%	0.0% #CE96CC	RGB 206 150 204	#CE96CC
16.7%	16.7% #D59AD6	RGB 213 154 214	#D59AD6
33.3%	33.3% #DA9EDE	RGB 218 158 222	#DA9EDE
50.0%	50.0% #DFA2E6	RGB 223 162 230	#DFA2E6
66.7%	66.7% #E4A6EE	RGB 228 166 238	#E4A6EE
83.3%	83.3% #E8AAF6	RGB 232 170 246	#E8AAF6
100.0%	100.0% #ECAEFF	RGB 236 174 255	#ECAEFF

#CE96CC #D59AD6 #DA9EDE #DFA2E6 #E4A6EE #E8AAF6 #ECAEFF

#CE96CC - #DFA2E6 - #ECAEFF

CSS codes

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

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