#CEC3FC - #F1EDFE | 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 #CEC3FC to #F1EDFE

#CEC3FC #F1EDFE

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

#CEC3FC - #F1EDFE | 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 #CEC3FC as 0% and #F1EDFE as 100%.

0.0%	0.0% #CEC3FC	RGB 206 195 252	#CEC3FC
16.7%	16.7% #D3CAFC	RGB 211 202 252	#D3CAFC
33.3%	33.3% #D9D1FC	RGB 217 209 252	#D9D1FC
50.0%	50.0% #DFD8FD	RGB 223 216 253	#DFD8FD
66.7%	66.7% #E5DFFD	RGB 229 223 253	#E5DFFD
83.3%	83.3% #EBE6FD	RGB 235 230 253	#EBE6FD
100.0%	100.0% #F1EDFE	RGB 241 237 254	#F1EDFE

#CEC3FC #D3CAFC #D9D1FC #DFD8FD #E5DFFD #EBE6FD #F1EDFE

#CEC3FC - #F1EDFE

HSV Blend

#CEC3FC - #F1EDFE | 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 #CEC3FC as 0% and #F1EDFE as 100%.

0.0%	0.0% #CEC3FC	RGB 206 195 252	#CEC3FC
16.7%	16.7% #D4C9FC	RGB 212 201 252	#D4C9FC
33.3%	33.3% #D9D0FC	RGB 217 208 252	#D9D0FC
50.0%	50.0% #DFD7FD	RGB 223 215 253	#DFD7FD
66.7%	66.7% #E5DEFD	RGB 229 222 253	#E5DEFD
83.3%	83.3% #EBE5FD	RGB 235 229 253	#EBE5FD
100.0%	100.0% #F1EDFE	RGB 241 237 254	#F1EDFE

#CEC3FC #D4C9FC #D9D0FC #DFD7FD #E5DEFD #EBE5FD #F1EDFE

#CEC3FC - #DFD7FD - #F1EDFE

CSS codes

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

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