#CFE9DC - #E7EBEA | 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 #CFE9DC to #E7EBEA

#CFE9DC #E7EBEA

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

#CFE9DC - #E7EBEA | 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 #CFE9DC as 0% and #E7EBEA as 100%.

0.0%	0.0% #CFE9DC	RGB 207 233 220	#CFE9DC
16.7%	16.7% #D3E9DE	RGB 211 233 222	#D3E9DE
33.3%	33.3% #D7E9E0	RGB 215 233 224	#D7E9E0
50.0%	50.0% #DBEAE3	RGB 219 234 227	#DBEAE3
66.7%	66.7% #DFEAE5	RGB 223 234 229	#DFEAE5
83.3%	83.3% #E3EAE7	RGB 227 234 231	#E3EAE7
100.0%	100.0% #E7EBEA	RGB 231 235 234	#E7EBEA

#CFE9DC #D3E9DE #D7E9E0 #DBEAE3 #DFEAE5 #E3EAE7 #E7EBEA

#CFE9DC - #E7EBEA

HSV Blend

#CFE9DC - #E7EBEA | 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 #CFE9DC as 0% and #E7EBEA as 100%.

0.0%	0.0% #CFE9DC	RGB 207 233 220	#CFE9DC
16.7%	16.7% #D2E9DF	RGB 210 233 223	#D2E9DF
33.3%	33.3% #D6E9E1	RGB 214 233 225	#D6E9E1
50.0%	50.0% #DAEAE4	RGB 218 234 228	#DAEAE4
66.7%	66.7% #DEEAE6	RGB 222 234 230	#DEEAE6
83.3%	83.3% #E2EAE8	RGB 226 234 232	#E2EAE8
100.0%	100.0% #E7EBEA	RGB 231 235 234	#E7EBEA

#CFE9DC #D2E9DF #D6E9E1 #DAEAE4 #DEEAE6 #E2EAE8 #E7EBEA

#CFE9DC - #DAEAE4 - #E7EBEA

CSS codes

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

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