#CFDCE7 - #E0E7E5 | 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 #CFDCE7 to #E0E7E5

#CFDCE7 #E0E7E5

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

#CFDCE7 - #E0E7E5 | 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 #CFDCE7 as 0% and #E0E7E5 as 100%.

0.0%	0.0% #CFDCE7	RGB 207 220 231	#CFDCE7
16.7%	16.7% #D1DDE6	RGB 209 221 230	#D1DDE6
33.3%	33.3% #D4DFE6	RGB 212 223 230	#D4DFE6
50.0%	50.0% #D7E1E6	RGB 215 225 230	#D7E1E6
66.7%	66.7% #DAE3E5	RGB 218 227 229	#DAE3E5
83.3%	83.3% #DDE5E5	RGB 221 229 229	#DDE5E5
100.0%	100.0% #E0E7E5	RGB 224 231 229	#E0E7E5

#CFDCE7 #D1DDE6 #D4DFE6 #D7E1E6 #DAE3E5 #DDE5E5 #E0E7E5

#CFDCE7 - #E0E7E5

HSV Blend

#CFDCE7 - #E0E7E5 | 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 #CFDCE7 as 0% and #E0E7E5 as 100%.

0.0%	0.0% #CFDCE7	RGB 207 220 231	#CFDCE7
16.7%	16.7% #D1DFE7	RGB 209 223 231	#D1DFE7
33.3%	33.3% #D4E3E7	RGB 212 227 231	#D4E3E7
50.0%	50.0% #D7E5E7	RGB 215 229 231	#D7E5E7
66.7%	66.7% #DAE7E6	RGB 218 231 230	#DAE7E6
83.3%	83.3% #DDE7E5	RGB 221 231 229	#DDE7E5
100.0%	100.0% #E0E7E5	RGB 224 231 229	#E0E7E5

#CFDCE7 #D1DFE7 #D4E3E7 #D7E5E7 #DAE7E6 #DDE7E5 #E0E7E5

#CFDCE7 - #D7E5E7 - #E0E7E5

CSS codes

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

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