#B8B8CE - #BFEEE9 | 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 #B8B8CE to #BFEEE9

#B8B8CE #BFEEE9

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

#B8B8CE - #BFEEE9 | 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 #B8B8CE as 0% and #BFEEE9 as 100%.

0.0%	0.0% #B8B8CE	RGB 184 184 206	#B8B8CE
16.7%	16.7% #B9C1D2	RGB 185 193 210	#B9C1D2
33.3%	33.3% #BACAD7	RGB 186 202 215	#BACAD7
50.0%	50.0% #BBD3DB	RGB 187 211 219	#BBD3DB
66.7%	66.7% #BCDCE0	RGB 188 220 224	#BCDCE0
83.3%	83.3% #BDE5E4	RGB 189 229 228	#BDE5E4
100.0%	100.0% #BFEEE9	RGB 191 238 233	#BFEEE9

#B8B8CE #B9C1D2 #BACAD7 #BBD3DB #BCDCE0 #BDE5E4 #BFEEE9

#B8B8CE - #BFEEE9

HSV Blend

#B8B8CE - #BFEEE9 | 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 #B8B8CE as 0% and #BFEEE9 as 100%.

0.0%	0.0% #B8B8CE	RGB 184 184 206	#B8B8CE
16.7%	16.7% #B9BED3	RGB 185 190 211	#B9BED3
33.3%	33.3% #BAC5D8	RGB 186 197 216	#BAC5D8
50.0%	50.0% #BCCEDE	RGB 188 206 222	#BCCEDE
66.7%	66.7% #BDD9E3	RGB 189 217 227	#BDD9E3
83.3%	83.3% #BEE5E8	RGB 190 229 232	#BEE5E8
100.0%	100.0% #BFEEE9	RGB 191 238 233	#BFEEE9

#B8B8CE #B9BED3 #BAC5D8 #BCCEDE #BDD9E3 #BEE5E8 #BFEEE9

#B8B8CE - #BCCEDE - #BFEEE9

CSS codes

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

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