#B8B7E2 - #EAEAF6 | 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 #B8B7E2 to #EAEAF6

#B8B7E2 #EAEAF6

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

#B8B7E2 - #EAEAF6 | 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 #B8B7E2 as 0% and #EAEAF6 as 100%.

0.0%	0.0% #B8B7E2	RGB 184 183 226	#B8B7E2
16.7%	16.7% #C0BFE5	RGB 192 191 229	#C0BFE5
33.3%	33.3% #C8C8E8	RGB 200 200 232	#C8C8E8
50.0%	50.0% #D1D0EC	RGB 209 208 236	#D1D0EC
66.7%	66.7% #D9D9EF	RGB 217 217 239	#D9D9EF
83.3%	83.3% #E1E1F2	RGB 225 225 242	#E1E1F2
100.0%	100.0% #EAEAF6	RGB 234 234 246	#EAEAF6

#B8B7E2 #C0BFE5 #C8C8E8 #D1D0EC #D9D9EF #E1E1F2 #EAEAF6

#B8B7E2 - #EAEAF6

HSV Blend

#B8B7E2 - #EAEAF6 | 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 #B8B7E2 as 0% and #EAEAF6 as 100%.

0.0%	0.0% #B8B7E2	RGB 184 183 226	#B8B7E2
16.7%	16.7% #BFBFE5	RGB 191 191 229	#BFBFE5
33.3%	33.3% #C7C7E8	RGB 199 199 232	#C7C7E8
50.0%	50.0% #D0CFEC	RGB 208 207 236	#D0CFEC
66.7%	66.7% #D8D8EF	RGB 216 216 239	#D8D8EF
83.3%	83.3% #E1E1F2	RGB 225 225 242	#E1E1F2
100.0%	100.0% #EAEAF6	RGB 234 234 246	#EAEAF6

#B8B7E2 #BFBFE5 #C7C7E8 #D0CFEC #D8D8EF #E1E1F2 #EAEAF6

#B8B7E2 - #D0CFEC - #EAEAF6

CSS codes

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

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