#C8CFCB - #CBE7CC | 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 #C8CFCB to #CBE7CC

#C8CFCB #CBE7CC

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

#C8CFCB - #CBE7CC | 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 #C8CFCB as 0% and #CBE7CC as 100%.

0.0%	0.0% #C8CFCB	RGB 200 207 203	#C8CFCB
16.7%	16.7% #C8D3CB	RGB 200 211 203	#C8D3CB
33.3%	33.3% #C9D7CB	RGB 201 215 203	#C9D7CB
50.0%	50.0% #C9DBCB	RGB 201 219 203	#C9DBCB
66.7%	66.7% #CADFCB	RGB 202 223 203	#CADFCB
83.3%	83.3% #CAE3CB	RGB 202 227 203	#CAE3CB
100.0%	100.0% #CBE7CC	RGB 203 231 204	#CBE7CC

#C8CFCB #C8D3CB #C9D7CB #C9DBCB #CADFCB #CAE3CB #CBE7CC

#C8CFCB - #CBE7CC

HSV Blend

#C8CFCB - #CBE7CC | 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 #C8CFCB as 0% and #CBE7CC as 100%.

0.0%	0.0% #C8CFCB	RGB 200 207 203	#C8CFCB
16.7%	16.7% #C8D3CC	RGB 200 211 204	#C8D3CC
33.3%	33.3% #C9D7CD	RGB 201 215 205	#C9D7CD
50.0%	50.0% #CADBCD	RGB 202 219 205	#CADBCD
66.7%	66.7% #CADFCD	RGB 202 223 205	#CADFCD
83.3%	83.3% #CAE3CD	RGB 202 227 205	#CAE3CD
100.0%	100.0% #CBE7CC	RGB 203 231 204	#CBE7CC

#C8CFCB #C8D3CC #C9D7CD #CADBCD #CADFCD #CAE3CD #CBE7CC

#C8CFCB - #CADBCD - #CBE7CC

CSS codes

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

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