#B9C8BA - #CCFFD2 | 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 #B9C8BA to #CCFFD2

#B9C8BA #CCFFD2

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

#B9C8BA - #CCFFD2 | 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 #B9C8BA as 0% and #CCFFD2 as 100%.

0.0%	0.0% #B9C8BA	RGB 185 200 186	#B9C8BA
16.7%	16.7% #BCD1BE	RGB 188 209 190	#BCD1BE
33.3%	33.3% #BFDAC2	RGB 191 218 194	#BFDAC2
50.0%	50.0% #C2E3C6	RGB 194 227 198	#C2E3C6
66.7%	66.7% #C5ECCA	RGB 197 236 202	#C5ECCA
83.3%	83.3% #C8F5CE	RGB 200 245 206	#C8F5CE
100.0%	100.0% #CCFFD2	RGB 204 255 210	#CCFFD2

#B9C8BA #BCD1BE #BFDAC2 #C2E3C6 #C5ECCA #C8F5CE #CCFFD2

#B9C8BA - #CCFFD2

HSV Blend

#B9C8BA - #CCFFD2 | 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 #B9C8BA as 0% and #CCFFD2 as 100%.

0.0%	0.0% #B9C8BA	RGB 185 200 186	#B9C8BA
16.7%	16.7% #BDD1BE	RGB 189 209 190	#BDD1BE
33.3%	33.3% #C0DAC2	RGB 192 218 194	#C0DAC2
50.0%	50.0% #C4E3C7	RGB 196 227 199	#C4E3C7
66.7%	66.7% #C7ECCA	RGB 199 236 202	#C7ECCA
83.3%	83.3% #C9F5CE	RGB 201 245 206	#C9F5CE
100.0%	100.0% #CCFFD2	RGB 204 255 210	#CCFFD2

#B9C8BA #BDD1BE #C0DAC2 #C4E3C7 #C7ECCA #C9F5CE #CCFFD2

#B9C8BA - #C4E3C7 - #CCFFD2

CSS codes

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

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