#C3C9FE - #CDFFF2 | 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 #C3C9FE to #CDFFF2

#C3C9FE #CDFFF2

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

#C3C9FE - #CDFFF2 | 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 #C3C9FE as 0% and #CDFFF2 as 100%.

0.0%	0.0% #C3C9FE	RGB 195 201 254	#C3C9FE
16.7%	16.7% #C4D2FC	RGB 196 210 252	#C4D2FC
33.3%	33.3% #C6DBFA	RGB 198 219 250	#C6DBFA
50.0%	50.0% #C8E4F8	RGB 200 228 248	#C8E4F8
66.7%	66.7% #C9EDF6	RGB 201 237 246	#C9EDF6
83.3%	83.3% #CBF6F4	RGB 203 246 244	#CBF6F4
100.0%	100.0% #CDFFF2	RGB 205 255 242	#CDFFF2

#C3C9FE #C4D2FC #C6DBFA #C8E4F8 #C9EDF6 #CBF6F4 #CDFFF2

#C3C9FE - #CDFFF2

HSV Blend

#C3C9FE - #CDFFF2 | 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 #C3C9FE as 0% and #CDFFF2 as 100%.

0.0%	0.0% #C3C9FE	RGB 195 201 254	#C3C9FE
16.7%	16.7% #C4D5FE	RGB 196 213 254	#C4D5FE
33.3%	33.3% #C6E1FE	RGB 198 225 254	#C6E1FE
50.0%	50.0% #C7EDFE	RGB 199 237 254	#C7EDFE
66.7%	66.7% #C9F7FE	RGB 201 247 254	#C9F7FE
83.3%	83.3% #CBFEFB	RGB 203 254 251	#CBFEFB
100.0%	100.0% #CDFFF2	RGB 205 255 242	#CDFFF2

#C3C9FE #C4D5FE #C6E1FE #C7EDFE #C9F7FE #CBFEFB #CDFFF2

#C3C9FE - #C7EDFE - #CDFFF2

CSS codes

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

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