#C2E8FE - #EEEAFD | 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 #C2E8FE to #EEEAFD

#C2E8FE #EEEAFD

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

#C2E8FE - #EEEAFD | 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 #C2E8FE as 0% and #EEEAFD as 100%.

0.0%	0.0% #C2E8FE	RGB 194 232 254	#C2E8FE
16.7%	16.7% #C9E8FD	RGB 201 232 253	#C9E8FD
33.3%	33.3% #D0E8FD	RGB 208 232 253	#D0E8FD
50.0%	50.0% #D8E9FD	RGB 216 233 253	#D8E9FD
66.7%	66.7% #DFE9FD	RGB 223 233 253	#DFE9FD
83.3%	83.3% #E6E9FD	RGB 230 233 253	#E6E9FD
100.0%	100.0% #EEEAFD	RGB 238 234 253	#EEEAFD

#C2E8FE #C9E8FD #D0E8FD #D8E9FD #DFE9FD #E6E9FD #EEEAFD

#C2E8FE - #EEEAFD

HSV Blend

#C2E8FE - #EEEAFD | 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 #C2E8FE as 0% and #EEEAFD as 100%.

0.0%	0.0% #C2E8FE	RGB 194 232 254	#C2E8FE
16.7%	16.7% #C8E2FD	RGB 200 226 253	#C8E2FD
33.3%	33.3% #CFDFFD	RGB 207 223 253	#CFDFFD
50.0%	50.0% #D6DEFD	RGB 214 222 253	#D6DEFD
66.7%	66.7% #DCDFFD	RGB 220 223 253	#DCDFFD
83.3%	83.3% #E5E3FD	RGB 229 227 253	#E5E3FD
100.0%	100.0% #EEEAFD	RGB 238 234 253	#EEEAFD

#C2E8FE #C8E2FD #CFDFFD #D6DEFD #DCDFFD #E5E3FD #EEEAFD

#C2E8FE - #D6DEFD - #EEEAFD

CSS codes

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

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