#CFDBE3 - #E7E9E8 | 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 #CFDBE3 to #E7E9E8

#CFDBE3 #E7E9E8

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

#CFDBE3 - #E7E9E8 | 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 #CFDBE3 as 0% and #E7E9E8 as 100%.

0.0%	0.0% #CFDBE3	RGB 207 219 227	#CFDBE3
16.7%	16.7% #D3DDE3	RGB 211 221 227	#D3DDE3
33.3%	33.3% #D7DFE4	RGB 215 223 228	#D7DFE4
50.0%	50.0% #DBE2E5	RGB 219 226 229	#DBE2E5
66.7%	66.7% #DFE4E6	RGB 223 228 230	#DFE4E6
83.3%	83.3% #E3E6E7	RGB 227 230 231	#E3E6E7
100.0%	100.0% #E7E9E8	RGB 231 233 232	#E7E9E8

#CFDBE3 #D3DDE3 #D7DFE4 #DBE2E5 #DFE4E6 #E3E6E7 #E7E9E8

#CFDBE3 - #E7E9E8

HSV Blend

#CFDBE3 - #E7E9E8 | 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 #CFDBE3 as 0% and #E7E9E8 as 100%.

0.0%	0.0% #CFDBE3	RGB 207 219 227	#CFDBE3
16.7%	16.7% #D2DFE4	RGB 210 223 228	#D2DFE4
33.3%	33.3% #D6E3E5	RGB 214 227 229	#D6E3E5
50.0%	50.0% #DAE6E5	RGB 218 230 229	#DAE6E5
66.7%	66.7% #DEE7E5	RGB 222 231 229	#DEE7E5
83.3%	83.3% #E2E8E6	RGB 226 232 230	#E2E8E6
100.0%	100.0% #E7E9E8	RGB 231 233 232	#E7E9E8

#CFDBE3 #D2DFE4 #D6E3E5 #DAE6E5 #DEE7E5 #E2E8E6 #E7E9E8

#CFDBE3 - #DAE6E5 - #E7E9E8

CSS codes

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

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