#C2CEFC - #FFEFF6 | 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 #C2CEFC to #FFEFF6

#C2CEFC #FFEFF6

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

#C2CEFC - #FFEFF6 | 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 #C2CEFC as 0% and #FFEFF6 as 100%.

0.0%	0.0% #C2CEFC	RGB 194 206 252	#C2CEFC
16.7%	16.7% #CCD3FB	RGB 204 211 251	#CCD3FB
33.3%	33.3% #D6D9FA	RGB 214 217 250	#D6D9FA
50.0%	50.0% #E0DEF9	RGB 224 222 249	#E0DEF9
66.7%	66.7% #EAE4F8	RGB 234 228 248	#EAE4F8
83.3%	83.3% #F4E9F7	RGB 244 233 247	#F4E9F7
100.0%	100.0% #FFEFF6	RGB 255 239 246	#FFEFF6

#C2CEFC #CCD3FB #D6D9FA #E0DEF9 #EAE4F8 #F4E9F7 #FFEFF6

#C2CEFC - #FFEFF6

HSV Blend

#C2CEFC - #FFEFF6 | 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 #C2CEFC as 0% and #FFEFF6 as 100%.

0.0%	0.0% #C2CEFC	RGB 194 206 252	#C2CEFC
16.7%	16.7% #CDC9FC	RGB 205 201 252	#CDC9FC
33.3%	33.3% #E1D0FD	RGB 225 208 253	#E1D0FD
50.0%	50.0% #F1D8FD	RGB 241 216 253	#F1D8FD
66.7%	66.7% #FDDFFE	RGB 253 223 254	#FDDFFE
83.3%	83.3% #FEE7F8	RGB 254 231 248	#FEE7F8
100.0%	100.0% #FFEFF6	RGB 255 239 246	#FFEFF6

#C2CEFC #CDC9FC #E1D0FD #F1D8FD #FDDFFE #FEE7F8 #FFEFF6

#C2CEFC - #F1D8FD - #FFEFF6

CSS codes

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

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