#B6B3AF - #B8F7FF | 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 #B6B3AF to #B8F7FF

#B6B3AF #B8F7FF

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

#B6B3AF - #B8F7FF | 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 #B6B3AF as 0% and #B8F7FF as 100%.

0.0%	0.0% #B6B3AF	RGB 182 179 175	#B6B3AF
16.7%	16.7% #B6BEBC	RGB 182 190 188	#B6BEBC
33.3%	33.3% #B6C9C9	RGB 182 201 201	#B6C9C9
50.0%	50.0% #B7D5D7	RGB 183 213 215	#B7D5D7
66.7%	66.7% #B7E0E4	RGB 183 224 228	#B7E0E4
83.3%	83.3% #B7EBF1	RGB 183 235 241	#B7EBF1
100.0%	100.0% #B8F7FF	RGB 184 247 255	#B8F7FF

#B6B3AF #B6BEBC #B6C9C9 #B7D5D7 #B7E0E4 #B7EBF1 #B8F7FF

#B6B3AF - #B8F7FF

HSV Blend

#B6B3AF - #B8F7FF | 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 #B6B3AF as 0% and #B8F7FF as 100%.

0.0%	0.0% #B6B3AF	RGB 182 179 175	#B6B3AF
16.7%	16.7% #C2C2B2	RGB 194 194 178	#C2C2B2
33.3%	33.3% #C4CEB5	RGB 196 206 181	#C4CEB5
50.0%	50.0% #BDDAB7	RGB 189 218 183	#BDDAB7
66.7%	66.7% #B8E6C5	RGB 184 230 197	#B8E6C5
83.3%	83.3% #B8F2E0	RGB 184 242 224	#B8F2E0
100.0%	100.0% #B8F7FF	RGB 184 247 255	#B8F7FF

#B6B3AF #C2C2B2 #C4CEB5 #BDDAB7 #B8E6C5 #B8F2E0 #B8F7FF

#B6B3AF - #BDDAB7 - #B8F7FF

CSS codes

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

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