#C8D9FC - #DDE7F2 | 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 #C8D9FC to #DDE7F2

#C8D9FC #DDE7F2

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

#C8D9FC - #DDE7F2 | 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 #C8D9FC as 0% and #DDE7F2 as 100%.

0.0%	0.0% #C8D9FC	RGB 200 217 252	#C8D9FC
16.7%	16.7% #CBDBFA	RGB 203 219 250	#CBDBFA
33.3%	33.3% #CFDDF8	RGB 207 221 248	#CFDDF8
50.0%	50.0% #D2E0F7	RGB 210 224 247	#D2E0F7
66.7%	66.7% #D6E2F5	RGB 214 226 245	#D6E2F5
83.3%	83.3% #D9E4F3	RGB 217 228 243	#D9E4F3
100.0%	100.0% #DDE7F2	RGB 221 231 242	#DDE7F2

#C8D9FC #CBDBFA #CFDDF8 #D2E0F7 #D6E2F5 #D9E4F3 #DDE7F2

#C8D9FC - #DDE7F2

HSV Blend

#C8D9FC - #DDE7F2 | 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 #C8D9FC as 0% and #DDE7F2 as 100%.

0.0%	0.0% #C8D9FC	RGB 200 217 252	#C8D9FC
16.7%	16.7% #CBDCFA	RGB 203 220 250	#CBDCFA
33.3%	33.3% #CFDEF8	RGB 207 222 248	#CFDEF8
50.0%	50.0% #D2E1F7	RGB 210 225 247	#D2E1F7
66.7%	66.7% #D6E3F5	RGB 214 227 245	#D6E3F5
83.3%	83.3% #D9E5F3	RGB 217 229 243	#D9E5F3
100.0%	100.0% #DDE7F2	RGB 221 231 242	#DDE7F2

#C8D9FC #CBDCFA #CFDEF8 #D2E1F7 #D6E3F5 #D9E5F3 #DDE7F2

#C8D9FC - #D2E1F7 - #DDE7F2

CSS codes

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

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