#B6B6C2 - #BCDFDA | 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 #B6B6C2 to #BCDFDA

#B6B6C2 #BCDFDA

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

#B6B6C2 - #BCDFDA | 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 #B6B6C2 as 0% and #BCDFDA as 100%.

0.0%	0.0% #B6B6C2	RGB 182 182 194	#B6B6C2
16.7%	16.7% #B7BCC6	RGB 183 188 198	#B7BCC6
33.3%	33.3% #B8C3CA	RGB 184 195 202	#B8C3CA
50.0%	50.0% #B9CACE	RGB 185 202 206	#B9CACE
66.7%	66.7% #BAD1D2	RGB 186 209 210	#BAD1D2
83.3%	83.3% #BBD8D6	RGB 187 216 214	#BBD8D6
100.0%	100.0% #BCDFDA	RGB 188 223 218	#BCDFDA

#B6B6C2 #B7BCC6 #B8C3CA #B9CACE #BAD1D2 #BBD8D6 #BCDFDA

#B6B6C2 - #BCDFDA

HSV Blend

#B6B6C2 - #BCDFDA | 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 #B6B6C2 as 0% and #BCDFDA as 100%.

0.0%	0.0% #B6B6C2	RGB 182 182 194	#B6B6C2
16.7%	16.7% #B7BAC6	RGB 183 186 198	#B7BAC6
33.3%	33.3% #B8BFCB	RGB 184 191 203	#B8BFCB
50.0%	50.0% #B9C6D0	RGB 185 198 208	#B9C6D0
66.7%	66.7% #BACED5	RGB 186 206 213	#BACED5
83.3%	83.3% #BBD8DA	RGB 187 216 218	#BBD8DA
100.0%	100.0% #BCDFDA	RGB 188 223 218	#BCDFDA

#B6B6C2 #B7BAC6 #B8BFCB #B9C6D0 #BACED5 #BBD8DA #BCDFDA

#B6B6C2 - #B9C6D0 - #BCDFDA

CSS codes

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

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