#B8C7C2 - #C9ECC7 | 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 #B8C7C2 to #C9ECC7

#B8C7C2 #C9ECC7

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

#B8C7C2 - #C9ECC7 | 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 #B8C7C2 as 0% and #C9ECC7 as 100%.

0.0%	0.0% #B8C7C2	RGB 184 199 194	#B8C7C2
16.7%	16.7% #BACDC2	RGB 186 205 194	#BACDC2
33.3%	33.3% #BDD3C3	RGB 189 211 195	#BDD3C3
50.0%	50.0% #C0D9C4	RGB 192 217 196	#C0D9C4
66.7%	66.7% #C3DFC5	RGB 195 223 197	#C3DFC5
83.3%	83.3% #C6E5C6	RGB 198 229 198	#C6E5C6
100.0%	100.0% #C9ECC7	RGB 201 236 199	#C9ECC7

#B8C7C2 #BACDC2 #BDD3C3 #C0D9C4 #C3DFC5 #C6E5C6 #C9ECC7

#B8C7C2 - #C9ECC7

HSV Blend

#B8C7C2 - #C9ECC7 | 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 #B8C7C2 as 0% and #C9ECC7 as 100%.

0.0%	0.0% #B8C7C2	RGB 184 199 194	#B8C7C2
16.7%	16.7% #BACDC4	RGB 186 205 196	#BACDC4
33.3%	33.3% #BDD3C6	RGB 189 211 198	#BDD3C6
50.0%	50.0% #C0D9C7	RGB 192 217 199	#C0D9C7
66.7%	66.7% #C2DFC8	RGB 194 223 200	#C2DFC8
83.3%	83.3% #C4E5C7	RGB 196 229 199	#C4E5C7
100.0%	100.0% #C9ECC7	RGB 201 236 199	#C9ECC7

#B8C7C2 #BACDC4 #BDD3C6 #C0D9C7 #C2DFC8 #C4E5C7 #C9ECC7

#B8C7C2 - #C0D9C7 - #C9ECC7

CSS codes

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

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