#DFEAF4 - #CFDCED | 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 #DFEAF4 to #CFDCED

#DFEAF4 #CFDCED

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

#DFEAF4 - #CFDCED | 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 #DFEAF4 as 0% and #CFDCED as 100%.

0.0%	0.0% #DFEAF4	RGB 223 234 244	#DFEAF4
16.7%	16.7% #DCE7F2	RGB 220 231 242	#DCE7F2
33.3%	33.3% #D9E5F1	RGB 217 229 241	#D9E5F1
50.0%	50.0% #D7E3F0	RGB 215 227 240	#D7E3F0
66.7%	66.7% #D4E0EF	RGB 212 224 239	#D4E0EF
83.3%	83.3% #D1DEEE	RGB 209 222 238	#D1DEEE
100.0%	100.0% #CFDCED	RGB 207 220 237	#CFDCED

#DFEAF4 #DCE7F2 #D9E5F1 #D7E3F0 #D4E0EF #D1DEEE #CFDCED

#DFEAF4 - #CFDCED

HSV Blend

#DFEAF4 - #CFDCED | 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 #DFEAF4 as 0% and #CFDCED as 100%.

0.0%	0.0% #DFEAF4	RGB 223 234 244	#DFEAF4
16.7%	16.7% #DCE7F2	RGB 220 231 242	#DCE7F2
33.3%	33.3% #D9E5F1	RGB 217 229 241	#D9E5F1
50.0%	50.0% #D6E3F0	RGB 214 227 240	#D6E3F0
66.7%	66.7% #D4E0EF	RGB 212 224 239	#D4E0EF
83.3%	83.3% #D1DEEE	RGB 209 222 238	#D1DEEE
100.0%	100.0% #CFDCED	RGB 207 220 237	#CFDCED

#DFEAF4 #DCE7F2 #D9E5F1 #D6E3F0 #D4E0EF #D1DEEE #CFDCED

#DFEAF4 - #D6E3F0 - #CFDCED

CSS codes

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

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