#B6B7B8 - #BFE3D1 | 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 #B6B7B8 to #BFE3D1

#B6B7B8 #BFE3D1

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

#B6B7B8 - #BFE3D1 | 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 #B6B7B8 as 0% and #BFE3D1 as 100%.

0.0%	0.0% #B6B7B8	RGB 182 183 184	#B6B7B8
16.7%	16.7% #B7BEBC	RGB 183 190 188	#B7BEBC
33.3%	33.3% #B9C5C0	RGB 185 197 192	#B9C5C0
50.0%	50.0% #BACDC4	RGB 186 205 196	#BACDC4
66.7%	66.7% #BCD4C8	RGB 188 212 200	#BCD4C8
83.3%	83.3% #BDDBCC	RGB 189 219 204	#BDDBCC
100.0%	100.0% #BFE3D1	RGB 191 227 209	#BFE3D1

#B6B7B8 #B7BEBC #B9C5C0 #BACDC4 #BCD4C8 #BDDBCC #BFE3D1

#B6B7B8 - #BFE3D1

HSV Blend

#B6B7B8 - #BFE3D1 | 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 #B6B7B8 as 0% and #BFE3D1 as 100%.

0.0%	0.0% #B6B7B8	RGB 182 183 184	#B6B7B8
16.7%	16.7% #B8BCBF	RGB 184 188 191	#B8BCBF
33.3%	33.3% #BAC4C6	RGB 186 196 198	#BAC4C6
50.0%	50.0% #BCCDCD	RGB 188 205 205	#BCCDCD
66.7%	66.7% #BDD4D0	RGB 189 212 208	#BDD4D0
83.3%	83.3% #BEDBD2	RGB 190 219 210	#BEDBD2
100.0%	100.0% #BFE3D1	RGB 191 227 209	#BFE3D1

#B6B7B8 #B8BCBF #BAC4C6 #BCCDCD #BDD4D0 #BEDBD2 #BFE3D1

#B6B7B8 - #BCCDCD - #BFE3D1

CSS codes

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

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