#DFE3F7 - #DEEBF3 | 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 #DFE3F7 to #DEEBF3

#DFE3F7 #DEEBF3

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

#DFE3F7 - #DEEBF3 | 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 #DFE3F7 as 0% and #DEEBF3 as 100%.

0.0%	0.0% #DFE3F7	RGB 223 227 247	#DFE3F7
16.7%	16.7% #DEE4F6	RGB 222 228 246	#DEE4F6
33.3%	33.3% #DEE5F5	RGB 222 229 245	#DEE5F5
50.0%	50.0% #DEE7F5	RGB 222 231 245	#DEE7F5
66.7%	66.7% #DEE8F4	RGB 222 232 244	#DEE8F4
83.3%	83.3% #DEE9F3	RGB 222 233 243	#DEE9F3
100.0%	100.0% #DEEBF3	RGB 222 235 243	#DEEBF3

#DFE3F7 #DEE4F6 #DEE5F5 #DEE7F5 #DEE8F4 #DEE9F3 #DEEBF3

#DFE3F7 - #DEEBF3

HSV Blend

#DFE3F7 - #DEEBF3 | 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 #DFE3F7 as 0% and #DEEBF3 as 100%.

0.0%	0.0% #DFE3F7	RGB 223 227 247	#DFE3F7
16.7%	16.7% #DEE4F6	RGB 222 228 246	#DEE4F6
33.3%	33.3% #DEE5F5	RGB 222 229 245	#DEE5F5
50.0%	50.0% #DEE7F5	RGB 222 231 245	#DEE7F5
66.7%	66.7% #DEE8F4	RGB 222 232 244	#DEE8F4
83.3%	83.3% #DEE9F3	RGB 222 233 243	#DEE9F3
100.0%	100.0% #DEEBF3	RGB 222 235 243	#DEEBF3

#DFE3F7 #DEE4F6 #DEE5F5 #DEE7F5 #DEE8F4 #DEE9F3 #DEEBF3

#DFE3F7 - #DEE7F5 - #DEEBF3

CSS codes

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

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