#C9CBEE - #CEDFE6 | 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 #C9CBEE to #CEDFE6

#C9CBEE #CEDFE6

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

#C9CBEE - #CEDFE6 | 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 #C9CBEE as 0% and #CEDFE6 as 100%.

0.0%	0.0% #C9CBEE	RGB 201 203 238	#C9CBEE
16.7%	16.7% #C9CEEC	RGB 201 206 236	#C9CEEC
33.3%	33.3% #CAD1EB	RGB 202 209 235	#CAD1EB
50.0%	50.0% #CBD5EA	RGB 203 213 234	#CBD5EA
66.7%	66.7% #CCD8E8	RGB 204 216 232	#CCD8E8
83.3%	83.3% #CDDBE7	RGB 205 219 231	#CDDBE7
100.0%	100.0% #CEDFE6	RGB 206 223 230	#CEDFE6

#C9CBEE #C9CEEC #CAD1EB #CBD5EA #CCD8E8 #CDDBE7 #CEDFE6

#C9CBEE - #CEDFE6

HSV Blend

#C9CBEE - #CEDFE6 | 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 #C9CBEE as 0% and #CEDFE6 as 100%.

0.0%	0.0% #C9CBEE	RGB 201 203 238	#C9CBEE
16.7%	16.7% #C9CFEC	RGB 201 207 236	#C9CFEC
33.3%	33.3% #CAD3EB	RGB 202 211 235	#CAD3EB
50.0%	50.0% #CBD7EA	RGB 203 215 234	#CBD7EA
66.7%	66.7% #CCDAE8	RGB 204 218 232	#CCDAE8
83.3%	83.3% #CDDCE7	RGB 205 220 231	#CDDCE7
100.0%	100.0% #CEDFE6	RGB 206 223 230	#CEDFE6

#C9CBEE #C9CFEC #CAD3EB #CBD7EA #CCDAE8 #CDDCE7 #CEDFE6

#C9CBEE - #CBD7EA - #CEDFE6

CSS codes

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

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