#8BC2FF - #CCDEEC | 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 #8BC2FF to #CCDEEC

#8BC2FF #CCDEEC

Calculate the color between two colors, #8BC2FF and #CCDEEC. 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)

#8BC2FF - #CCDEEC | 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 #8BC2FF as 0% and #CCDEEC as 100%.

0.0%	0.0% #8BC2FF	RGB 139 194 255	#8BC2FF
16.7%	16.7% #95C6FB	RGB 149 198 251	#95C6FB
33.3%	33.3% #A0CBF8	RGB 160 203 248	#A0CBF8
50.0%	50.0% #ABD0F5	RGB 171 208 245	#ABD0F5
66.7%	66.7% #B6D4F2	RGB 182 212 242	#B6D4F2
83.3%	83.3% #C1D9EF	RGB 193 217 239	#C1D9EF
100.0%	100.0% #CCDEEC	RGB 204 222 236	#CCDEEC

#8BC2FF #95C6FB #A0CBF8 #ABD0F5 #B6D4F2 #C1D9EF #CCDEEC

#8BC2FF - #CCDEEC

HSV Blend

#8BC2FF - #CCDEEC | 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 #8BC2FF as 0% and #CCDEEC as 100%.

0.0%	0.0% #8BC2FF	RGB 139 194 255	#8BC2FF
16.7%	16.7% #96C8FB	RGB 150 200 251	#96C8FB
33.3%	33.3% #A2CDF8	RGB 162 205 248	#A2CDF8
50.0%	50.0% #ADD2F5	RGB 173 210 245	#ADD2F5
66.7%	66.7% #B7D6F2	RGB 183 214 242	#B7D6F2
83.3%	83.3% #C2DAEF	RGB 194 218 239	#C2DAEF
100.0%	100.0% #CCDEEC	RGB 204 222 236	#CCDEEC

#8BC2FF #96C8FB #A2CDF8 #ADD2F5 #B7D6F2 #C2DAEF #CCDEEC

#8BC2FF - #ADD2F5 - #CCDEEC

CSS codes

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

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