#B6B8D0 - #EAEAF1 | 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 #B6B8D0 to #EAEAF1

#B6B8D0 #EAEAF1

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

#B6B8D0 - #EAEAF1 | 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 #B6B8D0 as 0% and #EAEAF1 as 100%.

0.0%	0.0% #B6B8D0	RGB 182 184 208	#B6B8D0
16.7%	16.7% #BEC0D5	RGB 190 192 213	#BEC0D5
33.3%	33.3% #C7C8DB	RGB 199 200 219	#C7C8DB
50.0%	50.0% #D0D1E0	RGB 208 209 224	#D0D1E0
66.7%	66.7% #D8D9E6	RGB 216 217 230	#D8D9E6
83.3%	83.3% #E1E1EB	RGB 225 225 235	#E1E1EB
100.0%	100.0% #EAEAF1	RGB 234 234 241	#EAEAF1

#B6B8D0 #BEC0D5 #C7C8DB #D0D1E0 #D8D9E6 #E1E1EB #EAEAF1

#B6B8D0 - #EAEAF1

HSV Blend

#B6B8D0 - #EAEAF1 | 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 #B6B8D0 as 0% and #EAEAF1 as 100%.

0.0%	0.0% #B6B8D0	RGB 182 184 208	#B6B8D0
16.7%	16.7% #BEBFD5	RGB 190 191 213	#BEBFD5
33.3%	33.3% #C6C7DB	RGB 198 199 219	#C6C7DB
50.0%	50.0% #CFCFE0	RGB 207 207 224	#CFCFE0
66.7%	66.7% #D7D8E6	RGB 215 216 230	#D7D8E6
83.3%	83.3% #E0E1EB	RGB 224 225 235	#E0E1EB
100.0%	100.0% #EAEAF1	RGB 234 234 241	#EAEAF1

#B6B8D0 #BEBFD5 #C6C7DB #CFCFE0 #D7D8E6 #E0E1EB #EAEAF1

#B6B8D0 - #CFCFE0 - #EAEAF1

CSS codes

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

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