#B1B6B2 - #CCDFBB | 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 #B1B6B2 to #CCDFBB

#B1B6B2 #CCDFBB

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

#B1B6B2 - #CCDFBB | 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 #B1B6B2 as 0% and #CCDFBB as 100%.

0.0%	0.0% #B1B6B2	RGB 177 182 178	#B1B6B2
16.7%	16.7% #B5BCB3	RGB 181 188 179	#B5BCB3
33.3%	33.3% #BAC3B5	RGB 186 195 181	#BAC3B5
50.0%	50.0% #BECAB6	RGB 190 202 182	#BECAB6
66.7%	66.7% #C3D1B8	RGB 195 209 184	#C3D1B8
83.3%	83.3% #C7D8B9	RGB 199 216 185	#C7D8B9
100.0%	100.0% #CCDFBB	RGB 204 223 187	#CCDFBB

#B1B6B2 #B5BCB3 #BAC3B5 #BECAB6 #C3D1B8 #C7D8B9 #CCDFBB

#B1B6B2 - #CCDFBB

HSV Blend

#B1B6B2 - #CCDFBB | 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 #B1B6B2 as 0% and #CCDFBB as 100%.

0.0%	0.0% #B1B6B2	RGB 177 182 178	#B1B6B2
16.7%	16.7% #B3BCB4	RGB 179 188 180	#B3BCB4
33.3%	33.3% #B5C3B5	RGB 181 195 181	#B5C3B5
50.0%	50.0% #B9CAB7	RGB 185 202 183	#B9CAB7
66.7%	66.7% #BED1B8	RGB 190 209 184	#BED1B8
83.3%	83.3% #C4D8BA	RGB 196 216 186	#C4D8BA
100.0%	100.0% #CCDFBB	RGB 204 223 187	#CCDFBB

#B1B6B2 #B3BCB4 #B5C3B5 #B9CAB7 #BED1B8 #C4D8BA #CCDFBB

#B1B6B2 - #B9CAB7 - #CCDFBB

CSS codes

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

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