#B5A2B2 - #E7BCEE | 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 #B5A2B2 to #E7BCEE

#B5A2B2 #E7BCEE

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

#B5A2B2 - #E7BCEE | 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 #B5A2B2 as 0% and #E7BCEE as 100%.

0.0%	0.0% #B5A2B2	RGB 181 162 178	#B5A2B2
16.7%	16.7% #BDA6BC	RGB 189 166 188	#BDA6BC
33.3%	33.3% #C5AAC6	RGB 197 170 198	#C5AAC6
50.0%	50.0% #CEAFD0	RGB 206 175 208	#CEAFD0
66.7%	66.7% #D6B3DA	RGB 214 179 218	#D6B3DA
83.3%	83.3% #DEB7E4	RGB 222 183 228	#DEB7E4
100.0%	100.0% #E7BCEE	RGB 231 188 238	#E7BCEE

#B5A2B2 #BDA6BC #C5AAC6 #CEAFD0 #D6B3DA #DEB7E4 #E7BCEE

#B5A2B2 - #E7BCEE

HSV Blend

#B5A2B2 - #E7BCEE | 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 #B5A2B2 as 0% and #E7BCEE as 100%.

0.0%	0.0% #B5A2B2	RGB 181 162 178	#B5A2B2
16.7%	16.7% #BEA7BB	RGB 190 167 187	#BEA7BB
33.3%	33.3% #C8ABC6	RGB 200 171 198	#C8ABC6
50.0%	50.0% #D1B0D1	RGB 209 176 209	#D1B0D1
66.7%	66.7% #D9B4DB	RGB 217 180 219	#D9B4DB
83.3%	83.3% #E0B8E4	RGB 224 184 228	#E0B8E4
100.0%	100.0% #E7BCEE	RGB 231 188 238	#E7BCEE

#B5A2B2 #BEA7BB #C8ABC6 #D1B0D1 #D9B4DB #E0B8E4 #E7BCEE

#B5A2B2 - #D1B0D1 - #E7BCEE

CSS codes

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

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