#B6BCB5 - #CCFFCF | 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 #B6BCB5 to #CCFFCF

#B6BCB5 #CCFFCF

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

#B6BCB5 - #CCFFCF | 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 #B6BCB5 as 0% and #CCFFCF as 100%.

0.0%	0.0% #B6BCB5	RGB 182 188 181	#B6BCB5
16.7%	16.7% #B9C7B9	RGB 185 199 185	#B9C7B9
33.3%	33.3% #BDD2BD	RGB 189 210 189	#BDD2BD
50.0%	50.0% #C1DDC2	RGB 193 221 194	#C1DDC2
66.7%	66.7% #C4E8C6	RGB 196 232 198	#C4E8C6
83.3%	83.3% #C8F3CA	RGB 200 243 202	#C8F3CA
100.0%	100.0% #CCFFCF	RGB 204 255 207	#CCFFCF

#B6BCB5 #B9C7B9 #BDD2BD #C1DDC2 #C4E8C6 #C8F3CA #CCFFCF

#B6BCB5 - #CCFFCF

HSV Blend

#B6BCB5 - #CCFFCF | 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 #B6BCB5 as 0% and #CCFFCF as 100%.

0.0%	0.0% #B6BCB5	RGB 182 188 181	#B6BCB5
16.7%	16.7% #BBC7BA	RGB 187 199 186	#BBC7BA
33.3%	33.3% #C0D2BF	RGB 192 210 191	#C0D2BF
50.0%	50.0% #C4DDC3	RGB 196 221 195	#C4DDC3
66.7%	66.7% #C7E8C6	RGB 199 232 198	#C7E8C6
83.3%	83.3% #C9F3CA	RGB 201 243 202	#C9F3CA
100.0%	100.0% #CCFFCF	RGB 204 255 207	#CCFFCF

#B6BCB5 #BBC7BA #C0D2BF #C4DDC3 #C7E8C6 #C9F3CA #CCFFCF

#B6BCB5 - #C4DDC3 - #CCFFCF

CSS codes

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

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