#CEC1F0 - #FFEEE5 | 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 #CEC1F0 to #FFEEE5

#CEC1F0 #FFEEE5

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

#CEC1F0 - #FFEEE5 | 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 #CEC1F0 as 0% and #FFEEE5 as 100%.

0.0%	0.0% #CEC1F0	RGB 206 193 240	#CEC1F0
16.7%	16.7% #D6C8EE	RGB 214 200 238	#D6C8EE
33.3%	33.3% #DED0EC	RGB 222 208 236	#DED0EC
50.0%	50.0% #E6D7EA	RGB 230 215 234	#E6D7EA
66.7%	66.7% #EEDFE8	RGB 238 223 232	#EEDFE8
83.3%	83.3% #F6E6E6	RGB 246 230 230	#F6E6E6
100.0%	100.0% #FFEEE5	RGB 255 238 229	#FFEEE5

#CEC1F0 #D6C8EE #DED0EC #E6D7EA #EEDFE8 #F6E6E6 #FFEEE5

#CEC1F0 - #FFEEE5

HSV Blend

#CEC1F0 - #FFEEE5 | 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 #CEC1F0 as 0% and #FFEEE5 as 100%.

0.0%	0.0% #CEC1F0	RGB 206 193 240	#CEC1F0
16.7%	16.7% #E1C6F2	RGB 225 198 242	#E1C6F2
33.3%	33.3% #F3CCF5	RGB 243 204 245	#F3CCF5
50.0%	50.0% #F7D2EC	RGB 247 210 236	#F7D2EC
66.7%	66.7% #FAD8E4	RGB 250 216 228	#FAD8E4
83.3%	83.3% #FCDEDE	RGB 252 222 222	#FCDEDE
100.0%	100.0% #FFEEE5	RGB 255 238 229	#FFEEE5

#CEC1F0 #E1C6F2 #F3CCF5 #F7D2EC #FAD8E4 #FCDEDE #FFEEE5

#CEC1F0 - #F7D2EC - #FFEEE5

CSS codes

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

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