#B2B6B6 - #C3E7D3 | 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 #B2B6B6 to #C3E7D3

#B2B6B6 #C3E7D3

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

#B2B6B6 - #C3E7D3 | 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 #B2B6B6 as 0% and #C3E7D3 as 100%.

0.0%	0.0% #B2B6B6	RGB 178 182 182	#B2B6B6
16.7%	16.7% #B4BEBA	RGB 180 190 186	#B4BEBA
33.3%	33.3% #B7C6BF	RGB 183 198 191	#B7C6BF
50.0%	50.0% #BACEC4	RGB 186 206 196	#BACEC4
66.7%	66.7% #BDD6C9	RGB 189 214 201	#BDD6C9
83.3%	83.3% #C0DECE	RGB 192 222 206	#C0DECE
100.0%	100.0% #C3E7D3	RGB 195 231 211	#C3E7D3

#B2B6B6 #B4BEBA #B7C6BF #BACEC4 #BDD6C9 #C0DECE #C3E7D3

#B2B6B6 - #C3E7D3

HSV Blend

#B2B6B6 - #C3E7D3 | 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 #B2B6B6 as 0% and #C3E7D3 as 100%.

0.0%	0.0% #B2B6B6	RGB 178 182 182	#B2B6B6
16.7%	16.7% #B5BEBD	RGB 181 190 189	#B5BEBD
33.3%	33.3% #B9C6C3	RGB 185 198 195	#B9C6C3
50.0%	50.0% #BCCEC9	RGB 188 206 201	#BCCEC9
66.7%	66.7% #BED6CD	RGB 190 214 205	#BED6CD
83.3%	83.3% #C1DED1	RGB 193 222 209	#C1DED1
100.0%	100.0% #C3E7D3	RGB 195 231 211	#C3E7D3

#B2B6B6 #B5BEBD #B9C6C3 #BCCEC9 #BED6CD #C1DED1 #C3E7D3

#B2B6B6 - #BCCEC9 - #C3E7D3

CSS codes

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

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