#DEE3DB - #CFEFCE | 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 #DEE3DB to #CFEFCE

#DEE3DB #CFEFCE

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

#DEE3DB - #CFEFCE | 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 #DEE3DB as 0% and #CFEFCE as 100%.

0.0%	0.0% #DEE3DB	RGB 222 227 219	#DEE3DB
16.7%	16.7% #DBE5D8	RGB 219 229 216	#DBE5D8
33.3%	33.3% #D9E7D6	RGB 217 231 214	#D9E7D6
50.0%	50.0% #D6E9D4	RGB 214 233 212	#D6E9D4
66.7%	66.7% #D4EBD2	RGB 212 235 210	#D4EBD2
83.3%	83.3% #D1EDD0	RGB 209 237 208	#D1EDD0
100.0%	100.0% #CFEFCE	RGB 207 239 206	#CFEFCE

#DEE3DB #DBE5D8 #D9E7D6 #D6E9D4 #D4EBD2 #D1EDD0 #CFEFCE

#DEE3DB - #CFEFCE

HSV Blend

#DEE3DB - #CFEFCE | 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 #DEE3DB as 0% and #CFEFCE as 100%.

0.0%	0.0% #DEE3DB	RGB 222 227 219	#DEE3DB
16.7%	16.7% #DCE5D9	RGB 220 229 217	#DCE5D9
33.3%	33.3% #DBE7D6	RGB 219 231 214	#DBE7D6
50.0%	50.0% #D8E9D4	RGB 216 233 212	#D8E9D4
66.7%	66.7% #D6EBD2	RGB 214 235 210	#D6EBD2
83.3%	83.3% #D2EDD0	RGB 210 237 208	#D2EDD0
100.0%	100.0% #CFEFCE	RGB 207 239 206	#CFEFCE

#DEE3DB #DCE5D9 #DBE7D6 #D8E9D4 #D6EBD2 #D2EDD0 #CFEFCE

#DEE3DB - #D8E9D4 - #CFEFCE

CSS codes

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

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