#C5E4FF - #EFEBFC | 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 #C5E4FF to #EFEBFC

#C5E4FF #EFEBFC

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

#C5E4FF - #EFEBFC | 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 #C5E4FF as 0% and #EFEBFC as 100%.

0.0%	0.0% #C5E4FF	RGB 197 228 255	#C5E4FF
16.7%	16.7% #CCE5FE	RGB 204 229 254	#CCE5FE
33.3%	33.3% #D3E6FE	RGB 211 230 254	#D3E6FE
50.0%	50.0% #DAE7FD	RGB 218 231 253	#DAE7FD
66.7%	66.7% #E1E8FD	RGB 225 232 253	#E1E8FD
83.3%	83.3% #E8E9FC	RGB 232 233 252	#E8E9FC
100.0%	100.0% #EFEBFC	RGB 239 235 252	#EFEBFC

#C5E4FF #CCE5FE #D3E6FE #DAE7FD #E1E8FD #E8E9FC #EFEBFC

#C5E4FF - #EFEBFC

HSV Blend

#C5E4FF - #EFEBFC | 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 #C5E4FF as 0% and #EFEBFC as 100%.

0.0%	0.0% #C5E4FF	RGB 197 228 255	#C5E4FF
16.7%	16.7% #CBE0FE	RGB 203 224 254	#CBE0FE
33.3%	33.3% #D1DEFE	RGB 209 222 254	#D1DEFE
50.0%	50.0% #D8DDFD	RGB 216 221 253	#D8DDFD
66.7%	66.7% #DEDFFD	RGB 222 223 253	#DEDFFD
83.3%	83.3% #E7E4FC	RGB 231 228 252	#E7E4FC
100.0%	100.0% #EFEBFC	RGB 239 235 252	#EFEBFC

#C5E4FF #CBE0FE #D1DEFE #D8DDFD #DEDFFD #E7E4FC #EFEBFC

#C5E4FF - #D8DDFD - #EFEBFC

CSS codes

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

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