#B5A8EA - #E9E6F9 | 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 #B5A8EA to #E9E6F9

#B5A8EA #E9E6F9

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

#B5A8EA - #E9E6F9 | 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 #B5A8EA as 0% and #E9E6F9 as 100%.

0.0%	0.0% #B5A8EA	RGB 181 168 234	#B5A8EA
16.7%	16.7% #BDB2EC	RGB 189 178 236	#BDB2EC
33.3%	33.3% #C6BCEF	RGB 198 188 239	#C6BCEF
50.0%	50.0% #CFC7F1	RGB 207 199 241	#CFC7F1
66.7%	66.7% #D7D1F4	RGB 215 209 244	#D7D1F4
83.3%	83.3% #E0DBF6	RGB 224 219 246	#E0DBF6
100.0%	100.0% #E9E6F9	RGB 233 230 249	#E9E6F9

#B5A8EA #BDB2EC #C6BCEF #CFC7F1 #D7D1F4 #E0DBF6 #E9E6F9

#B5A8EA - #E9E6F9

HSV Blend

#B5A8EA - #E9E6F9 | 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 #B5A8EA as 0% and #E9E6F9 as 100%.

0.0%	0.0% #B5A8EA	RGB 181 168 234	#B5A8EA
16.7%	16.7% #BDB1EC	RGB 189 177 236	#BDB1EC
33.3%	33.3% #C5BBEF	RGB 197 187 239	#C5BBEF
50.0%	50.0% #CDC6F1	RGB 205 198 241	#CDC6F1
66.7%	66.7% #D6D0F4	RGB 214 208 244	#D6D0F4
83.3%	83.3% #DFDBF6	RGB 223 219 246	#DFDBF6
100.0%	100.0% #E9E6F9	RGB 233 230 249	#E9E6F9

#B5A8EA #BDB1EC #C5BBEF #CDC6F1 #D6D0F4 #DFDBF6 #E9E6F9

#B5A8EA - #CDC6F1 - #E9E6F9

CSS codes

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

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