#BCC8AB - #C0FFC3 | 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 #BCC8AB to #C0FFC3

#BCC8AB #C0FFC3

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

#BCC8AB - #C0FFC3 | 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 #BCC8AB as 0% and #C0FFC3 as 100%.

0.0%	0.0% #BCC8AB	RGB 188 200 171	#BCC8AB
16.7%	16.7% #BCD1AF	RGB 188 209 175	#BCD1AF
33.3%	33.3% #BDDAB3	RGB 189 218 179	#BDDAB3
50.0%	50.0% #BEE3B7	RGB 190 227 183	#BEE3B7
66.7%	66.7% #BEECBB	RGB 190 236 187	#BEECBB
83.3%	83.3% #BFF5BF	RGB 191 245 191	#BFF5BF
100.0%	100.0% #C0FFC3	RGB 192 255 195	#C0FFC3

#BCC8AB #BCD1AF #BDDAB3 #BEE3B7 #BEECBB #BFF5BF #C0FFC3

#BCC8AB - #C0FFC3

HSV Blend

#BCC8AB - #C0FFC3 | 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 #BCC8AB as 0% and #C0FFC3 as 100%.

0.0%	0.0% #BCC8AB	RGB 188 200 171	#BCC8AB
16.7%	16.7% #BFD1AF	RGB 191 209 175	#BFD1AF
33.3%	33.3% #C1DAB3	RGB 193 218 179	#C1DAB3
50.0%	50.0% #C2E3B6	RGB 194 227 182	#C2E3B6
66.7%	66.7% #C2ECBA	RGB 194 236 186	#C2ECBA
83.3%	83.3% #C0F5BD	RGB 192 245 189	#C0F5BD
100.0%	100.0% #C0FFC3	RGB 192 255 195	#C0FFC3

#BCC8AB #BFD1AF #C1DAB3 #C2E3B6 #C2ECBA #C0F5BD #C0FFC3

#BCC8AB - #C2E3B6 - #C0FFC3

CSS codes

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

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