#C8D9F9 - #DEE7F0 | 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 #C8D9F9 to #DEE7F0

#C8D9F9 #DEE7F0

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

#C8D9F9 - #DEE7F0 | 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 #C8D9F9 as 0% and #DEE7F0 as 100%.

0.0%	0.0% #C8D9F9	RGB 200 217 249	#C8D9F9
16.7%	16.7% #CBDBF7	RGB 203 219 247	#CBDBF7
33.3%	33.3% #CFDDF6	RGB 207 221 246	#CFDDF6
50.0%	50.0% #D3E0F4	RGB 211 224 244	#D3E0F4
66.7%	66.7% #D6E2F3	RGB 214 226 243	#D6E2F3
83.3%	83.3% #DAE4F1	RGB 218 228 241	#DAE4F1
100.0%	100.0% #DEE7F0	RGB 222 231 240	#DEE7F0

#C8D9F9 #CBDBF7 #CFDDF6 #D3E0F4 #D6E2F3 #DAE4F1 #DEE7F0

#C8D9F9 - #DEE7F0

HSV Blend

#C8D9F9 - #DEE7F0 | 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 #C8D9F9 as 0% and #DEE7F0 as 100%.

0.0%	0.0% #C8D9F9	RGB 200 217 249	#C8D9F9
16.7%	16.7% #CBDCF7	RGB 203 220 247	#CBDCF7
33.3%	33.3% #CFDEF6	RGB 207 222 246	#CFDEF6
50.0%	50.0% #D3E1F4	RGB 211 225 244	#D3E1F4
66.7%	66.7% #D6E3F3	RGB 214 227 243	#D6E3F3
83.3%	83.3% #DAE5F1	RGB 218 229 241	#DAE5F1
100.0%	100.0% #DEE7F0	RGB 222 231 240	#DEE7F0

#C8D9F9 #CBDCF7 #CFDEF6 #D3E1F4 #D6E3F3 #DAE5F1 #DEE7F0

#C8D9F9 - #D3E1F4 - #DEE7F0

CSS codes

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

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