#CBE3C7 - #F2EFCF | 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 #CBE3C7 to #F2EFCF

#CBE3C7 #F2EFCF

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

#CBE3C7 - #F2EFCF | 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 #CBE3C7 as 0% and #F2EFCF as 100%.

0.0%	0.0% #CBE3C7	RGB 203 227 199	#CBE3C7
16.7%	16.7% #D1E5C8	RGB 209 229 200	#D1E5C8
33.3%	33.3% #D8E7C9	RGB 216 231 201	#D8E7C9
50.0%	50.0% #DEE9CB	RGB 222 233 203	#DEE9CB
66.7%	66.7% #E5EBCC	RGB 229 235 204	#E5EBCC
83.3%	83.3% #EBEDCD	RGB 235 237 205	#EBEDCD
100.0%	100.0% #F2EFCF	RGB 242 239 207	#F2EFCF

#CBE3C7 #D1E5C8 #D8E7C9 #DEE9CB #E5EBCC #EBEDCD #F2EFCF

#CBE3C7 - #F2EFCF

HSV Blend

#CBE3C7 - #F2EFCF | 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 #CBE3C7 as 0% and #F2EFCF as 100%.

0.0%	0.0% #CBE3C7	RGB 203 227 199	#CBE3C7
16.7%	16.7% #D1E5C8	RGB 209 229 200	#D1E5C8
33.3%	33.3% #D7E8C9	RGB 215 232 201	#D7E8C9
50.0%	50.0% #DEEACB	RGB 222 234 203	#DEEACB
66.7%	66.7% #E5EDCC	RGB 229 237 204	#E5EDCC
83.3%	83.3% #EDEFCD	RGB 237 239 205	#EDEFCD
100.0%	100.0% #F2EFCF	RGB 242 239 207	#F2EFCF

#CBE3C7 #D1E5C8 #D7E8C9 #DEEACB #E5EDCC #EDEFCD #F2EFCF

#CBE3C7 - #DEEACB - #F2EFCF

CSS codes

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

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