#B8C9C0 - #CFE3C1 | 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 #B8C9C0 to #CFE3C1

#B8C9C0 #CFE3C1

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

#B8C9C0 - #CFE3C1 | 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 #B8C9C0 as 0% and #CFE3C1 as 100%.

0.0%	0.0% #B8C9C0	RGB 184 201 192	#B8C9C0
16.7%	16.7% #BBCDC0	RGB 187 205 192	#BBCDC0
33.3%	33.3% #BFD1C0	RGB 191 209 192	#BFD1C0
50.0%	50.0% #C3D6C0	RGB 195 214 192	#C3D6C0
66.7%	66.7% #C7DAC0	RGB 199 218 192	#C7DAC0
83.3%	83.3% #CBDEC0	RGB 203 222 192	#CBDEC0
100.0%	100.0% #CFE3C1	RGB 207 227 193	#CFE3C1

#B8C9C0 #BBCDC0 #BFD1C0 #C3D6C0 #C7DAC0 #CBDEC0 #CFE3C1

#B8C9C0 - #CFE3C1

HSV Blend

#B8C9C0 - #CFE3C1 | 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 #B8C9C0 as 0% and #CFE3C1 as 100%.

0.0%	0.0% #B8C9C0	RGB 184 201 192	#B8C9C0
16.7%	16.7% #B9CDC0	RGB 185 205 192	#B9CDC0
33.3%	33.3% #BBD1BF	RGB 187 209 191	#BBD1BF
50.0%	50.0% #BCD6BD	RGB 188 214 189	#BCD6BD
66.7%	66.7% #C1DABE	RGB 193 218 190	#C1DABE
83.3%	83.3% #C7DEBF	RGB 199 222 191	#C7DEBF
100.0%	100.0% #CFE3C1	RGB 207 227 193	#CFE3C1

#B8C9C0 #B9CDC0 #BBD1BF #BCD6BD #C1DABE #C7DEBF #CFE3C1

#B8C9C0 - #BCD6BD - #CFE3C1

CSS codes

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

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