#B8C0BC - #CBE1BF | 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 #B8C0BC to #CBE1BF

#B8C0BC #CBE1BF

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

#B8C0BC - #CBE1BF | 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 #B8C0BC as 0% and #CBE1BF as 100%.

0.0%	0.0% #B8C0BC	RGB 184 192 188	#B8C0BC
16.7%	16.7% #BBC5BC	RGB 187 197 188	#BBC5BC
33.3%	33.3% #BECBBD	RGB 190 203 189	#BECBBD
50.0%	50.0% #C1D0BD	RGB 193 208 189	#C1D0BD
66.7%	66.7% #C4D6BE	RGB 196 214 190	#C4D6BE
83.3%	83.3% #C7DBBE	RGB 199 219 190	#C7DBBE
100.0%	100.0% #CBE1BF	RGB 203 225 191	#CBE1BF

#B8C0BC #BBC5BC #BECBBD #C1D0BD #C4D6BE #C7DBBE #CBE1BF

#B8C0BC - #CBE1BF

HSV Blend

#B8C0BC - #CBE1BF | 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 #B8C0BC as 0% and #CBE1BF as 100%.

0.0%	0.0% #B8C0BC	RGB 184 192 188	#B8C0BC
16.7%	16.7% #B9C5BD	RGB 185 197 189	#B9C5BD
33.3%	33.3% #BBCBBE	RGB 187 203 190	#BBCBBE
50.0%	50.0% #BCD0BD	RGB 188 208 189	#BCD0BD
66.7%	66.7% #BFD6BD	RGB 191 214 189	#BFD6BD
83.3%	83.3% #C4DBBE	RGB 196 219 190	#C4DBBE
100.0%	100.0% #CBE1BF	RGB 203 225 191	#CBE1BF

#B8C0BC #B9C5BD #BBCBBE #BCD0BD #BFD6BD #C4DBBE #CBE1BF

#B8C0BC - #BCD0BD - #CBE1BF

CSS codes

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

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