#CBECC2 - #E1F0FF | 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 #CBECC2 to #E1F0FF

#CBECC2 #E1F0FF

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

#CBECC2 - #E1F0FF | 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 #CBECC2 as 0% and #E1F0FF as 100%.

0.0%	0.0% #CBECC2	RGB 203 236 194	#CBECC2
16.7%	16.7% #CEECCC	RGB 206 236 204	#CEECCC
33.3%	33.3% #D2EDD6	RGB 210 237 214	#D2EDD6
50.0%	50.0% #D6EEE0	RGB 214 238 224	#D6EEE0
66.7%	66.7% #D9EEEA	RGB 217 238 234	#D9EEEA
83.3%	83.3% #DDEFF4	RGB 221 239 244	#DDEFF4
100.0%	100.0% #E1F0FF	RGB 225 240 255	#E1F0FF

#CBECC2 #CEECCC #D2EDD6 #D6EEE0 #D9EEEA #DDEFF4 #E1F0FF

#CBECC2 - #E1F0FF

HSV Blend

#CBECC2 - #E1F0FF | 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 #CBECC2 as 0% and #E1F0FF as 100%.

0.0%	0.0% #CBECC2	RGB 203 236 194	#CBECC2
16.7%	16.7% #C7EFC9	RGB 199 239 201	#C7EFC9
33.3%	33.3% #CCF2D9	RGB 204 242 217	#CCF2D9
50.0%	50.0% #D1F5E8	RGB 209 245 232	#D1F5E8
66.7%	66.7% #D6F8F6	RGB 214 248 246	#D6F8F6
83.3%	83.3% #DBF4FB	RGB 219 244 251	#DBF4FB
100.0%	100.0% #E1F0FF	RGB 225 240 255	#E1F0FF

#CBECC2 #C7EFC9 #CCF2D9 #D1F5E8 #D6F8F6 #DBF4FB #E1F0FF

#CBECC2 - #D1F5E8 - #E1F0FF

CSS codes

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

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