#C7F0FD - #EFFAFE | 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 #C7F0FD to #EFFAFE

#C7F0FD #EFFAFE

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

#C7F0FD - #EFFAFE | 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 #C7F0FD as 0% and #EFFAFE as 100%.

0.0%	0.0% #C7F0FD	RGB 199 240 253	#C7F0FD
16.7%	16.7% #CDF1FD	RGB 205 241 253	#CDF1FD
33.3%	33.3% #D4F3FD	RGB 212 243 253	#D4F3FD
50.0%	50.0% #DBF5FD	RGB 219 245 253	#DBF5FD
66.7%	66.7% #E1F6FD	RGB 225 246 253	#E1F6FD
83.3%	83.3% #E8F8FD	RGB 232 248 253	#E8F8FD
100.0%	100.0% #EFFAFE	RGB 239 250 254	#EFFAFE

#C7F0FD #CDF1FD #D4F3FD #DBF5FD #E1F6FD #E8F8FD #EFFAFE

#C7F0FD - #EFFAFE

HSV Blend

#C7F0FD - #EFFAFE | 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 #C7F0FD as 0% and #EFFAFE as 100%.

0.0%	0.0% #C7F0FD	RGB 199 240 253	#C7F0FD
16.7%	16.7% #CDF1FD	RGB 205 241 253	#CDF1FD
33.3%	33.3% #D4F3FD	RGB 212 243 253	#D4F3FD
50.0%	50.0% #DAF4FD	RGB 218 244 253	#DAF4FD
66.7%	66.7% #E1F6FD	RGB 225 246 253	#E1F6FD
83.3%	83.3% #E8F8FD	RGB 232 248 253	#E8F8FD
100.0%	100.0% #EFFAFE	RGB 239 250 254	#EFFAFE

#C7F0FD #CDF1FD #D4F3FD #DAF4FD #E1F6FD #E8F8FD #EFFAFE

#C7F0FD - #DAF4FD - #EFFAFE

CSS codes

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

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