#B6B5B5 - #BEE2DD | 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 #B6B5B5 to #BEE2DD

#B6B5B5 #BEE2DD

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

#B6B5B5 - #BEE2DD | 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 #B6B5B5 as 0% and #BEE2DD as 100%.

0.0%	0.0% #B6B5B5	RGB 182 181 181	#B6B5B5
16.7%	16.7% #B7BCBB	RGB 183 188 187	#B7BCBB
33.3%	33.3% #B8C4C2	RGB 184 196 194	#B8C4C2
50.0%	50.0% #BACBC9	RGB 186 203 201	#BACBC9
66.7%	66.7% #BBD3CF	RGB 187 211 207	#BBD3CF
83.3%	83.3% #BCDAD6	RGB 188 218 214	#BCDAD6
100.0%	100.0% #BEE2DD	RGB 190 226 221	#BEE2DD

#B6B5B5 #B7BCBB #B8C4C2 #BACBC9 #BBD3CF #BCDAD6 #BEE2DD

#B6B5B5 - #BEE2DD

HSV Blend

#B6B5B5 - #BEE2DD | 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 #B6B5B5 as 0% and #BEE2DD as 100%.

0.0%	0.0% #B6B5B5	RGB 182 181 181	#B6B5B5
16.7%	16.7% #BDBAB7	RGB 189 186 183	#BDBAB7
33.3%	33.3% #C4C4B9	RGB 196 196 185	#C4C4B9
50.0%	50.0% #C4CCBB	RGB 196 204 187	#C4CCBB
66.7%	66.7% #BED3BC	RGB 190 211 188	#BED3BC
83.3%	83.3% #BDDAC8	RGB 189 218 200	#BDDAC8
100.0%	100.0% #BEE2DD	RGB 190 226 221	#BEE2DD

#B6B5B5 #BDBAB7 #C4C4B9 #C4CCBB #BED3BC #BDDAC8 #BEE2DD

#B6B5B5 - #C4CCBB - #BEE2DD

CSS codes

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

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