#B2B7DB - #EAEBDF | 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 #B2B7DB to #EAEBDF

#B2B7DB #EAEBDF

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

#B2B7DB - #EAEBDF | 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 #B2B7DB as 0% and #EAEBDF as 100%.

0.0%	0.0% #B2B7DB	RGB 178 183 219	#B2B7DB
16.7%	16.7% #BBBFDB	RGB 187 191 219	#BBBFDB
33.3%	33.3% #C4C8DC	RGB 196 200 220	#C4C8DC
50.0%	50.0% #CED1DD	RGB 206 209 221	#CED1DD
66.7%	66.7% #D7D9DD	RGB 215 217 221	#D7D9DD
83.3%	83.3% #E0E2DE	RGB 224 226 222	#E0E2DE
100.0%	100.0% #EAEBDF	RGB 234 235 223	#EAEBDF

#B2B7DB #BBBFDB #C4C8DC #CED1DD #D7D9DD #E0E2DE #EAEBDF

#B2B7DB - #EAEBDF

HSV Blend

#B2B7DB - #EAEBDF | 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 #B2B7DB as 0% and #EAEBDF as 100%.

0.0%	0.0% #B2B7DB	RGB 178 183 219	#B2B7DB
16.7%	16.7% #B9CEDD	RGB 185 206 221	#B9CEDD
33.3%	33.3% #C0E0DE	RGB 192 224 222	#C0E0DE
50.0%	50.0% #C7E3D4	RGB 199 227 212	#C7E3D4
66.7%	66.7% #CFE5CF	RGB 207 229 207	#CFE5CF
83.3%	83.3% #DEE8D7	RGB 222 232 215	#DEE8D7
100.0%	100.0% #EAEBDF	RGB 234 235 223	#EAEBDF

#B2B7DB #B9CEDD #C0E0DE #C7E3D4 #CFE5CF #DEE8D7 #EAEBDF

#B2B7DB - #C7E3D4 - #EAEBDF

CSS codes

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

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