#B9C3C2 - #C7FFEB | 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 #B9C3C2 to #C7FFEB

#B9C3C2 #C7FFEB

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

#B9C3C2 - #C7FFEB | 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 #B9C3C2 as 0% and #C7FFEB as 100%.

0.0%	0.0% #B9C3C2	RGB 185 195 194	#B9C3C2
16.7%	16.7% #BBCDC8	RGB 187 205 200	#BBCDC8
33.3%	33.3% #BDD7CF	RGB 189 215 207	#BDD7CF
50.0%	50.0% #C0E1D6	RGB 192 225 214	#C0E1D6
66.7%	66.7% #C2EBDD	RGB 194 235 221	#C2EBDD
83.3%	83.3% #C4F5E4	RGB 196 245 228	#C4F5E4
100.0%	100.0% #C7FFEB	RGB 199 255 235	#C7FFEB

#B9C3C2 #BBCDC8 #BDD7CF #C0E1D6 #C2EBDD #C4F5E4 #C7FFEB

#B9C3C2 - #C7FFEB

HSV Blend

#B9C3C2 - #C7FFEB | 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 #B9C3C2 as 0% and #C7FFEB as 100%.

0.0%	0.0% #B9C3C2	RGB 185 195 194	#B9C3C2
16.7%	16.7% #BCCDCA	RGB 188 205 202	#BCCDCA
33.3%	33.3% #BFD7D2	RGB 191 215 210	#BFD7D2
50.0%	50.0% #C2E1DA	RGB 194 225 218	#C2E1DA
66.7%	66.7% #C4EBE0	RGB 196 235 224	#C4EBE0
83.3%	83.3% #C6F5E6	RGB 198 245 230	#C6F5E6
100.0%	100.0% #C7FFEB	RGB 199 255 235	#C7FFEB

#B9C3C2 #BCCDCA #BFD7D2 #C2E1DA #C4EBE0 #C6F5E6 #C7FFEB

#B9C3C2 - #C2E1DA - #C7FFEB

CSS codes

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

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