#DFE6EB - #DEEAE3 | 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 #DFE6EB to #DEEAE3

#DFE6EB #DEEAE3

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

#DFE6EB - #DEEAE3 | 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 #DFE6EB as 0% and #DEEAE3 as 100%.

0.0%	0.0% #DFE6EB	RGB 223 230 235	#DFE6EB
16.7%	16.7% #DEE6E9	RGB 222 230 233	#DEE6E9
33.3%	33.3% #DEE7E8	RGB 222 231 232	#DEE7E8
50.0%	50.0% #DEE8E7	RGB 222 232 231	#DEE8E7
66.7%	66.7% #DEE8E5	RGB 222 232 229	#DEE8E5
83.3%	83.3% #DEE9E4	RGB 222 233 228	#DEE9E4
100.0%	100.0% #DEEAE3	RGB 222 234 227	#DEEAE3

#DFE6EB #DEE6E9 #DEE7E8 #DEE8E7 #DEE8E5 #DEE9E4 #DEEAE3

#DFE6EB - #DEEAE3

HSV Blend

#DFE6EB - #DEEAE3 | 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 #DFE6EB as 0% and #DEEAE3 as 100%.

0.0%	0.0% #DFE6EB	RGB 223 230 235	#DFE6EB
16.7%	16.7% #DEE7EA	RGB 222 231 234	#DEE7EA
33.3%	33.3% #DEE9EA	RGB 222 233 234	#DEE9EA
50.0%	50.0% #DEEAE9	RGB 222 234 233	#DEEAE9
66.7%	66.7% #DEEAE7	RGB 222 234 231	#DEEAE7
83.3%	83.3% #DEEAE5	RGB 222 234 229	#DEEAE5
100.0%	100.0% #DEEAE3	RGB 222 234 227	#DEEAE3

#DFE6EB #DEE7EA #DEE9EA #DEEAE9 #DEEAE7 #DEEAE5 #DEEAE3

#DFE6EB - #DEEAE9 - #DEEAE3

CSS codes

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

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