#C8E2FD - #CCFFD4 | 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 #C8E2FD to #CCFFD4

#C8E2FD #CCFFD4

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

#C8E2FD - #CCFFD4 | 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 #C8E2FD as 0% and #CCFFD4 as 100%.

0.0%	0.0% #C8E2FD	RGB 200 226 253	#C8E2FD
16.7%	16.7% #C8E6F6	RGB 200 230 246	#C8E6F6
33.3%	33.3% #C9EBEF	RGB 201 235 239	#C9EBEF
50.0%	50.0% #CAF0E8	RGB 202 240 232	#CAF0E8
66.7%	66.7% #CAF5E1	RGB 202 245 225	#CAF5E1
83.3%	83.3% #CBFADA	RGB 203 250 218	#CBFADA
100.0%	100.0% #CCFFD4	RGB 204 255 212	#CCFFD4

#C8E2FD #C8E6F6 #C9EBEF #CAF0E8 #CAF5E1 #CBFADA #CCFFD4

#C8E2FD - #CCFFD4

HSV Blend

#C8E2FD - #CCFFD4 | 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 #C8E2FD as 0% and #CCFFD4 as 100%.

0.0%	0.0% #C8E2FD	RGB 200 226 253	#C8E2FD
16.7%	16.7% #C8EEFD	RGB 200 238 253	#C8EEFD
33.3%	33.3% #C9FAFD	RGB 201 250 253	#C9FAFD
50.0%	50.0% #C9FEF5	RGB 201 254 245	#C9FEF5
66.7%	66.7% #CAFEEA	RGB 202 254 234	#CAFEEA
83.3%	83.3% #CBFEDE	RGB 203 254 222	#CBFEDE
100.0%	100.0% #CCFFD4	RGB 204 255 212	#CCFFD4

#C8E2FD #C8EEFD #C9FAFD #C9FEF5 #CAFEEA #CBFEDE #CCFFD4

#C8E2FD - #C9FEF5 - #CCFFD4

CSS codes

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

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