#BBC1C0 - #C7DFBD | 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 #BBC1C0 to #C7DFBD

#BBC1C0 #C7DFBD

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

#BBC1C0 - #C7DFBD | 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 #BBC1C0 as 0% and #C7DFBD as 100%.

0.0%	0.0% #BBC1C0	RGB 187 193 192	#BBC1C0
16.7%	16.7% #BDC6BF	RGB 189 198 191	#BDC6BF
33.3%	33.3% #BFCBBF	RGB 191 203 191	#BFCBBF
50.0%	50.0% #C1D0BE	RGB 193 208 190	#C1D0BE
66.7%	66.7% #C3D5BE	RGB 195 213 190	#C3D5BE
83.3%	83.3% #C5DABD	RGB 197 218 189	#C5DABD
100.0%	100.0% #C7DFBD	RGB 199 223 189	#C7DFBD

#BBC1C0 #BDC6BF #BFCBBF #C1D0BE #C3D5BE #C5DABD #C7DFBD

#BBC1C0 - #C7DFBD

HSV Blend

#BBC1C0 - #C7DFBD | 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 #BBC1C0 as 0% and #C7DFBD as 100%.

0.0%	0.0% #BBC1C0	RGB 187 193 192	#BBC1C0
16.7%	16.7% #BBC6C2	RGB 187 198 194	#BBC6C2
33.3%	33.3% #BCCBC3	RGB 188 203 195	#BCCBC3
50.0%	50.0% #BCD0C2	RGB 188 208 194	#BCD0C2
66.7%	66.7% #BDD5BF	RGB 189 213 191	#BDD5BF
83.3%	83.3% #C0DABD	RGB 192 218 189	#C0DABD
100.0%	100.0% #C7DFBD	RGB 199 223 189	#C7DFBD

#BBC1C0 #BBC6C2 #BCCBC3 #BCD0C2 #BDD5BF #C0DABD #C7DFBD

#BBC1C0 - #BCD0C2 - #C7DFBD

CSS codes

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

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