#C7FBFF - #EDEBFD | 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 #C7FBFF to #EDEBFD

#C7FBFF #EDEBFD

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

#C7FBFF - #EDEBFD | 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 #C7FBFF as 0% and #EDEBFD as 100%.

0.0%	0.0% #C7FBFF	RGB 199 251 255	#C7FBFF
16.7%	16.7% #CDF8FE	RGB 205 248 254	#CDF8FE
33.3%	33.3% #D3F5FE	RGB 211 245 254	#D3F5FE
50.0%	50.0% #DAF3FE	RGB 218 243 254	#DAF3FE
66.7%	66.7% #E0F0FD	RGB 224 240 253	#E0F0FD
83.3%	83.3% #E6EDFD	RGB 230 237 253	#E6EDFD
100.0%	100.0% #EDEBFD	RGB 237 235 253	#EDEBFD

#C7FBFF #CDF8FE #D3F5FE #DAF3FE #E0F0FD #E6EDFD #EDEBFD

#C7FBFF - #EDEBFD

HSV Blend

#C7FBFF - #EDEBFD | 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 #C7FBFF as 0% and #EDEBFD as 100%.

0.0%	0.0% #C7FBFF	RGB 199 251 255	#C7FBFF
16.7%	16.7% #CDF2FE	RGB 205 242 254	#CDF2FE
33.3%	33.3% #D3ECFE	RGB 211 236 254	#D3ECFE
50.0%	50.0% #D9E8FE	RGB 217 232 254	#D9E8FE
66.7%	66.7% #DFE6FD	RGB 223 230 253	#DFE6FD
83.3%	83.3% #E5E6FD	RGB 229 230 253	#E5E6FD
100.0%	100.0% #EDEBFD	RGB 237 235 253	#EDEBFD

#C7FBFF #CDF2FE #D3ECFE #D9E8FE #DFE6FD #E5E6FD #EDEBFD

#C7FBFF - #D9E8FE - #EDEBFD

CSS codes

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

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