#C5D6FF - #CEEEF3 | 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 #C5D6FF to #CEEEF3

#C5D6FF #CEEEF3

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

#C5D6FF - #CEEEF3 | 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 #C5D6FF as 0% and #CEEEF3 as 100%.

0.0%	0.0% #C5D6FF	RGB 197 214 255	#C5D6FF
16.7%	16.7% #C6DAFD	RGB 198 218 253	#C6DAFD
33.3%	33.3% #C8DEFB	RGB 200 222 251	#C8DEFB
50.0%	50.0% #C9E2F9	RGB 201 226 249	#C9E2F9
66.7%	66.7% #CBE6F7	RGB 203 230 247	#CBE6F7
83.3%	83.3% #CCEAF5	RGB 204 234 245	#CCEAF5
100.0%	100.0% #CEEEF3	RGB 206 238 243	#CEEEF3

#C5D6FF #C6DAFD #C8DEFB #C9E2F9 #CBE6F7 #CCEAF5 #CEEEF3

#C5D6FF - #CEEEF3

HSV Blend

#C5D6FF - #CEEEF3 | 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 #C5D6FF as 0% and #CEEEF3 as 100%.

0.0%	0.0% #C5D6FF	RGB 197 214 255	#C5D6FF
16.7%	16.7% #C6DBFD	RGB 198 219 253	#C6DBFD
33.3%	33.3% #C8E0FB	RGB 200 224 251	#C8E0FB
50.0%	50.0% #C9E5F9	RGB 201 229 249	#C9E5F9
66.7%	66.7% #CBE8F7	RGB 203 232 247	#CBE8F7
83.3%	83.3% #CCEBF5	RGB 204 235 245	#CCEBF5
100.0%	100.0% #CEEEF3	RGB 206 238 243	#CEEEF3

#C5D6FF #C6DBFD #C8E0FB #C9E5F9 #CBE8F7 #CCEBF5 #CEEEF3

#C5D6FF - #C9E5F9 - #CEEEF3

CSS codes

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

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