#B8FAC1 - #EBEBFF | 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 #B8FAC1 to #EBEBFF

#B8FAC1 #EBEBFF

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

#B8FAC1 - #EBEBFF | 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 #B8FAC1 as 0% and #EBEBFF as 100%.

0.0%	0.0% #B8FAC1	RGB 184 250 193	#B8FAC1
16.7%	16.7% #C0F7CB	RGB 192 247 203	#C0F7CB
33.3%	33.3% #C9F5D5	RGB 201 245 213	#C9F5D5
50.0%	50.0% #D1F2E0	RGB 209 242 224	#D1F2E0
66.7%	66.7% #DAF0EA	RGB 218 240 234	#DAF0EA
83.3%	83.3% #E2EDF4	RGB 226 237 244	#E2EDF4
100.0%	100.0% #EBEBFF	RGB 235 235 255	#EBEBFF

#B8FAC1 #C0F7CB #C9F5D5 #D1F2E0 #DAF0EA #E2EDF4 #EBEBFF

#B8FAC1 - #EBEBFF

HSV Blend

#B8FAC1 - #EBEBFF | 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 #B8FAC1 as 0% and #EBEBFF as 100%.

0.0%	0.0% #B8FAC1	RGB 184 250 193	#B8FAC1
16.7%	16.7% #C0FADA	RGB 192 250 218	#C0FADA
33.3%	33.3% #C8FBEF	RGB 200 251 239	#C8FBEF
50.0%	50.0% #D1F9FC	RGB 209 249 252	#D1F9FC
66.7%	66.7% #D9EFFD	RGB 217 239 253	#D9EFFD
83.3%	83.3% #E2EBFE	RGB 226 235 254	#E2EBFE
100.0%	100.0% #EBEBFF	RGB 235 235 255	#EBEBFF

#B8FAC1 #C0FADA #C8FBEF #D1F9FC #D9EFFD #E2EBFE #EBEBFF

#B8FAC1 - #D1F9FC - #EBEBFF

CSS codes

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

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