#B2B6B5 - #C7E9D5 | 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 #B2B6B5 to #C7E9D5

#B2B6B5 #C7E9D5

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

#B2B6B5 - #C7E9D5 | 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 #B2B6B5 as 0% and #C7E9D5 as 100%.

0.0%	0.0% #B2B6B5	RGB 178 182 181	#B2B6B5
16.7%	16.7% #B5BEBA	RGB 181 190 186	#B5BEBA
33.3%	33.3% #B9C7BF	RGB 185 199 191	#B9C7BF
50.0%	50.0% #BCCFC5	RGB 188 207 197	#BCCFC5
66.7%	66.7% #C0D8CA	RGB 192 216 202	#C0D8CA
83.3%	83.3% #C3E0CF	RGB 195 224 207	#C3E0CF
100.0%	100.0% #C7E9D5	RGB 199 233 213	#C7E9D5

#B2B6B5 #B5BEBA #B9C7BF #BCCFC5 #C0D8CA #C3E0CF #C7E9D5

#B2B6B5 - #C7E9D5

HSV Blend

#B2B6B5 - #C7E9D5 | 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 #B2B6B5 as 0% and #C7E9D5 as 100%.

0.0%	0.0% #B2B6B5	RGB 178 182 181	#B2B6B5
16.7%	16.7% #B6BEBC	RGB 182 190 188	#B6BEBC
33.3%	33.3% #BAC7C2	RGB 186 199 194	#BAC7C2
50.0%	50.0% #BECFC8	RGB 190 207 200	#BECFC8
66.7%	66.7% #C1D8CD	RGB 193 216 205	#C1D8CD
83.3%	83.3% #C4E0D1	RGB 196 224 209	#C4E0D1
100.0%	100.0% #C7E9D5	RGB 199 233 213	#C7E9D5

#B2B6B5 #B6BEBC #BAC7C2 #BECFC8 #C1D8CD #C4E0D1 #C7E9D5

#B2B6B5 - #BECFC8 - #C7E9D5

CSS codes

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

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