#C0DCFF - #DFE6F2 | 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 #C0DCFF to #DFE6F2

#C0DCFF #DFE6F2

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

#C0DCFF - #DFE6F2 | 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 #C0DCFF as 0% and #DFE6F2 as 100%.

0.0%	0.0% #C0DCFF	RGB 192 220 255	#C0DCFF
16.7%	16.7% #C5DDFC	RGB 197 221 252	#C5DDFC
33.3%	33.3% #CADFFA	RGB 202 223 250	#CADFFA
50.0%	50.0% #CFE1F8	RGB 207 225 248	#CFE1F8
66.7%	66.7% #D4E2F6	RGB 212 226 246	#D4E2F6
83.3%	83.3% #D9E4F4	RGB 217 228 244	#D9E4F4
100.0%	100.0% #DFE6F2	RGB 223 230 242	#DFE6F2

#C0DCFF #C5DDFC #CADFFA #CFE1F8 #D4E2F6 #D9E4F4 #DFE6F2

#C0DCFF - #DFE6F2

HSV Blend

#C0DCFF - #DFE6F2 | 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 #C0DCFF as 0% and #DFE6F2 as 100%.

0.0%	0.0% #C0DCFF	RGB 192 220 255	#C0DCFF
16.7%	16.7% #C5DDFC	RGB 197 221 252	#C5DDFC
33.3%	33.3% #CADEFA	RGB 202 222 250	#CADEFA
50.0%	50.0% #D0E0F8	RGB 208 224 248	#D0E0F8
66.7%	66.7% #D5E2F6	RGB 213 226 246	#D5E2F6
83.3%	83.3% #DAE4F4	RGB 218 228 244	#DAE4F4
100.0%	100.0% #DFE6F2	RGB 223 230 242	#DFE6F2

#C0DCFF #C5DDFC #CADEFA #D0E0F8 #D5E2F6 #DAE4F4 #DFE6F2

#C0DCFF - #D0E0F8 - #DFE6F2

CSS codes

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

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