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

#C2CAFF #CDFFF2

Calculate the color between two colors, #C2CAFF 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)

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

0.0%	0.0% #C2CAFF	RGB 194 202 255	#C2CAFF
16.7%	16.7% #C3D2FC	RGB 195 210 252	#C3D2FC
33.3%	33.3% #C5DBFA	RGB 197 219 250	#C5DBFA
50.0%	50.0% #C7E4F8	RGB 199 228 248	#C7E4F8
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

#C2CAFF #C3D2FC #C5DBFA #C7E4F8 #C9EDF6 #CBF6F4 #CDFFF2

#C2CAFF - #CDFFF2

HSV Blend

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

0.0%	0.0% #C2CAFF	RGB 194 202 255	#C2CAFF
16.7%	16.7% #C3D6FF	RGB 195 214 255	#C3D6FF
33.3%	33.3% #C5E2FF	RGB 197 226 255	#C5E2FF
50.0%	50.0% #C7EEFF	RGB 199 238 255	#C7EEFF
66.7%	66.7% #C9F8FF	RGB 201 248 255	#C9F8FF
83.3%	83.3% #CBFFFB	RGB 203 255 251	#CBFFFB
100.0%	100.0% #CDFFF2	RGB 205 255 242	#CDFFF2

#C2CAFF #C3D6FF #C5E2FF #C7EEFF #C9F8FF #CBFFFB #CDFFF2

#C2CAFF - #C7EEFF - #CDFFF2

CSS codes

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

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