#B5C9C7 - #E3BFFF | 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 #B5C9C7 to #E3BFFF

#B5C9C7 #E3BFFF

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

#B5C9C7 - #E3BFFF | 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 #B5C9C7 as 0% and #E3BFFF as 100%.

0.0%	0.0% #B5C9C7	RGB 181 201 199	#B5C9C7
16.7%	16.7% #BCC7D0	RGB 188 199 208	#BCC7D0
33.3%	33.3% #C4C5D9	RGB 196 197 217	#C4C5D9
50.0%	50.0% #CCC4E3	RGB 204 196 227	#CCC4E3
66.7%	66.7% #D3C2EC	RGB 211 194 236	#D3C2EC
83.3%	83.3% #DBC0F5	RGB 219 192 245	#DBC0F5
100.0%	100.0% #E3BFFF	RGB 227 191 255	#E3BFFF

#B5C9C7 #BCC7D0 #C4C5D9 #CCC4E3 #D3C2EC #DBC0F5 #E3BFFF

#B5C9C7 - #E3BFFF

HSV Blend

#B5C9C7 - #E3BFFF | 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 #B5C9C7 as 0% and #E3BFFF as 100%.

0.0%	0.0% #B5C9C7	RGB 181 201 199	#B5C9C7
16.7%	16.7% #B7CDD2	RGB 183 205 210	#B7CDD2
33.3%	33.3% #BACCDB	RGB 186 204 219	#BACCDB
50.0%	50.0% #BCC6E4	RGB 188 198 228	#BCC6E4
66.7%	66.7% #BDBDED	RGB 189 189 237	#BDBDED
83.3%	83.3% #CEBEF6	RGB 206 190 246	#CEBEF6
100.0%	100.0% #E3BFFF	RGB 227 191 255	#E3BFFF

#B5C9C7 #B7CDD2 #BACCDB #BCC6E4 #BDBDED #CEBEF6 #E3BFFF

#B5C9C7 - #BCC6E4 - #E3BFFF

CSS codes

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

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