#C0E8F7 - #D4EEEA | 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 #C0E8F7 to #D4EEEA

#C0E8F7 #D4EEEA

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

#C0E8F7 - #D4EEEA | 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 #C0E8F7 as 0% and #D4EEEA as 100%.

0.0%	0.0% #C0E8F7	RGB 192 232 247	#C0E8F7
16.7%	16.7% #C3E9F4	RGB 195 233 244	#C3E9F4
33.3%	33.3% #C6EAF2	RGB 198 234 242	#C6EAF2
50.0%	50.0% #CAEBF0	RGB 202 235 240	#CAEBF0
66.7%	66.7% #CDECEE	RGB 205 236 238	#CDECEE
83.3%	83.3% #D0EDEC	RGB 208 237 236	#D0EDEC
100.0%	100.0% #D4EEEA	RGB 212 238 234	#D4EEEA

#C0E8F7 #C3E9F4 #C6EAF2 #CAEBF0 #CDECEE #D0EDEC #D4EEEA

#C0E8F7 - #D4EEEA

HSV Blend

#C0E8F7 - #D4EEEA | 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 #C0E8F7 as 0% and #D4EEEA as 100%.

0.0%	0.0% #C0E8F7	RGB 192 232 247	#C0E8F7
16.7%	16.7% #C3EBF5	RGB 195 235 245	#C3EBF5
33.3%	33.3% #C6EEF4	RGB 198 238 244	#C6EEF4
50.0%	50.0% #CAF0F2	RGB 202 240 242	#CAF0F2
66.7%	66.7% #CDF1F0	RGB 205 241 240	#CDF1F0
83.3%	83.3% #D0EFEC	RGB 208 239 236	#D0EFEC
100.0%	100.0% #D4EEEA	RGB 212 238 234	#D4EEEA

#C0E8F7 #C3EBF5 #C6EEF4 #CAF0F2 #CDF1F0 #D0EFEC #D4EEEA

#C0E8F7 - #CAF0F2 - #D4EEEA

CSS codes

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

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