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

#CFC3F0 #FFEEE5

Calculate the color between two colors, #CFC3F0 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)

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

0.0%	0.0% #CFC3F0	RGB 207 195 240	#CFC3F0
16.7%	16.7% #D7CAEE	RGB 215 202 238	#D7CAEE
33.3%	33.3% #DFD1EC	RGB 223 209 236	#DFD1EC
50.0%	50.0% #E7D8EA	RGB 231 216 234	#E7D8EA
66.7%	66.7% #EFDFE8	RGB 239 223 232	#EFDFE8
83.3%	83.3% #F7E6E6	RGB 247 230 230	#F7E6E6
100.0%	100.0% #FFEEE5	RGB 255 238 229	#FFEEE5

#CFC3F0 #D7CAEE #DFD1EC #E7D8EA #EFDFE8 #F7E6E6 #FFEEE5

#CFC3F0 - #FFEEE5

HSV Blend

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

0.0%	0.0% #CFC3F0	RGB 207 195 240	#CFC3F0
16.7%	16.7% #E2C8F2	RGB 226 200 242	#E2C8F2
33.3%	33.3% #F3CEF5	RGB 243 206 245	#F3CEF5
50.0%	50.0% #F7D3EC	RGB 247 211 236	#F7D3EC
66.7%	66.7% #FAD9E4	RGB 250 217 228	#FAD9E4
83.3%	83.3% #FCDFDF	RGB 252 223 223	#FCDFDF
100.0%	100.0% #FFEEE5	RGB 255 238 229	#FFEEE5

#CFC3F0 #E2C8F2 #F3CEF5 #F7D3EC #FAD9E4 #FCDFDF #FFEEE5

#CFC3F0 - #F7D3EC - #FFEEE5

CSS codes

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

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