#CBE4FF - #CFFFD7 | 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 #CBE4FF to #CFFFD7

#CBE4FF #CFFFD7

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

#CBE4FF - #CFFFD7 | 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 #CBE4FF as 0% and #CFFFD7 as 100%.

0.0%	0.0% #CBE4FF	RGB 203 228 255	#CBE4FF
16.7%	16.7% #CBE8F8	RGB 203 232 248	#CBE8F8
33.3%	33.3% #CCEDF1	RGB 204 237 241	#CCEDF1
50.0%	50.0% #CDF1EB	RGB 205 241 235	#CDF1EB
66.7%	66.7% #CDF6E4	RGB 205 246 228	#CDF6E4
83.3%	83.3% #CEFADD	RGB 206 250 221	#CEFADD
100.0%	100.0% #CFFFD7	RGB 207 255 215	#CFFFD7

#CBE4FF #CBE8F8 #CCEDF1 #CDF1EB #CDF6E4 #CEFADD #CFFFD7

#CBE4FF - #CFFFD7

HSV Blend

#CBE4FF - #CFFFD7 | 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 #CBE4FF as 0% and #CFFFD7 as 100%.

0.0%	0.0% #CBE4FF	RGB 203 228 255	#CBE4FF
16.7%	16.7% #CBEFFF	RGB 203 239 255	#CBEFFF
33.3%	33.3% #CCFBFF	RGB 204 251 255	#CCFBFF
50.0%	50.0% #CDFFF7	RGB 205 255 247	#CDFFF7
66.7%	66.7% #CDFFEC	RGB 205 255 236	#CDFFEC
83.3%	83.3% #CEFFE1	RGB 206 255 225	#CEFFE1
100.0%	100.0% #CFFFD7	RGB 207 255 215	#CFFFD7

#CBE4FF #CBEFFF #CCFBFF #CDFFF7 #CDFFEC #CEFFE1 #CFFFD7

#CBE4FF - #CDFFF7 - #CFFFD7

CSS codes

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

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