#CBC9C7 - #C9FFFD | 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 #CBC9C7 to #C9FFFD

#CBC9C7 #C9FFFD

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

#CBC9C7 - #C9FFFD | 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 #CBC9C7 as 0% and #C9FFFD as 100%.

0.0%	0.0% #CBC9C7	RGB 203 201 199	#CBC9C7
16.7%	16.7% #CAD2D0	RGB 202 210 208	#CAD2D0
33.3%	33.3% #CADBD9	RGB 202 219 217	#CADBD9
50.0%	50.0% #CAE4E2	RGB 202 228 226	#CAE4E2
66.7%	66.7% #C9EDEB	RGB 201 237 235	#C9EDEB
83.3%	83.3% #C9F6F4	RGB 201 246 244	#C9F6F4
100.0%	100.0% #C9FFFD	RGB 201 255 253	#C9FFFD

#CBC9C7 #CAD2D0 #CADBD9 #CAE4E2 #C9EDEB #C9F6F4 #C9FFFD

#CBC9C7 - #C9FFFD

HSV Blend

#CBC9C7 - #C9FFFD | 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 #CBC9C7 as 0% and #C9FFFD as 100%.

0.0%	0.0% #CBC9C7	RGB 203 201 199	#CBC9C7
16.7%	16.7% #D3D2C8	RGB 211 210 200	#D3D2C8
33.3%	33.3% #D6DCC9	RGB 214 220 201	#D6DCC9
50.0%	50.0% #D1E5CA	RGB 209 229 202	#D1E5CA
66.7%	66.7% #CAEDCF	RGB 202 237 207	#CAEDCF
83.3%	83.3% #CAF6E2	RGB 202 246 226	#CAF6E2
100.0%	100.0% #C9FFFD	RGB 201 255 253	#C9FFFD

#CBC9C7 #D3D2C8 #D6DCC9 #D1E5CA #CAEDCF #CAF6E2 #C9FFFD

#CBC9C7 - #D1E5CA - #C9FFFD

CSS codes

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

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