#CBC8C7 - #C9FFED | 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 #CBC8C7 to #C9FFED

#CBC8C7 #C9FFED

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

#CBC8C7 - #C9FFED | 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 #CBC8C7 as 0% and #C9FFED as 100%.

0.0%	0.0% #CBC8C7	RGB 203 200 199	#CBC8C7
16.7%	16.7% #CAD1CD	RGB 202 209 205	#CAD1CD
33.3%	33.3% #CADAD3	RGB 202 218 211	#CADAD3
50.0%	50.0% #CAE3DA	RGB 202 227 218	#CAE3DA
66.7%	66.7% #C9ECE0	RGB 201 236 224	#C9ECE0
83.3%	83.3% #C9F5E6	RGB 201 245 230	#C9F5E6
100.0%	100.0% #C9FFED	RGB 201 255 237	#C9FFED

#CBC8C7 #CAD1CD #CADAD3 #CAE3DA #C9ECE0 #C9F5E6 #C9FFED

#CBC8C7 - #C9FFED

HSV Blend

#CBC8C7 - #C9FFED | 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 #CBC8C7 as 0% and #C9FFED as 100%.

0.0%	0.0% #CBC8C7	RGB 203 200 199	#CBC8C7
16.7%	16.7% #D3CFC8	RGB 211 207 200	#D3CFC8
33.3%	33.3% #DBDCC9	RGB 219 220 201	#DBDCC9
50.0%	50.0% #D8E5CA	RGB 216 229 202	#D8E5CA
66.7%	66.7% #CFEDCA	RGB 207 237 202	#CFEDCA
83.3%	83.3% #CAF6D5	RGB 202 246 213	#CAF6D5
100.0%	100.0% #C9FFED	RGB 201 255 237	#C9FFED

#CBC8C7 #D3CFC8 #DBDCC9 #D8E5CA #CFEDCA #CAF6D5 #C9FFED

#CBC8C7 - #D8E5CA - #C9FFED

CSS codes

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

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