#B5A6AC - #E4B9EB | 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 #B5A6AC to #E4B9EB

#B5A6AC #E4B9EB

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

#B5A6AC - #E4B9EB | 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 #B5A6AC as 0% and #E4B9EB as 100%.

0.0%	0.0% #B5A6AC	RGB 181 166 172	#B5A6AC
16.7%	16.7% #BCA9B6	RGB 188 169 182	#BCA9B6
33.3%	33.3% #C4ACC1	RGB 196 172 193	#C4ACC1
50.0%	50.0% #CCAFCB	RGB 204 175 203	#CCAFCB
66.7%	66.7% #D4B2D6	RGB 212 178 214	#D4B2D6
83.3%	83.3% #DCB5E0	RGB 220 181 224	#DCB5E0
100.0%	100.0% #E4B9EB	RGB 228 185 235	#E4B9EB

#B5A6AC #BCA9B6 #C4ACC1 #CCAFCB #D4B2D6 #DCB5E0 #E4B9EB

#B5A6AC - #E4B9EB

HSV Blend

#B5A6AC - #E4B9EB | 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 #B5A6AC as 0% and #E4B9EB as 100%.

0.0%	0.0% #B5A6AC	RGB 181 166 172	#B5A6AC
16.7%	16.7% #BEAAB4	RGB 190 170 180	#BEAAB4
33.3%	33.3% #C7ADBE	RGB 199 173 190	#C7ADBE
50.0%	50.0% #D0B1C8	RGB 208 177 200	#D0B1C8
66.7%	66.7% #D9B4D5	RGB 217 180 213	#D9B4D5
83.3%	83.3% #E1B6E2	RGB 225 182 226	#E1B6E2
100.0%	100.0% #E4B9EB	RGB 228 185 235	#E4B9EB

#B5A6AC #BEAAB4 #C7ADBE #D0B1C8 #D9B4D5 #E1B6E2 #E4B9EB

#B5A6AC - #D0B1C8 - #E4B9EB

CSS codes

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

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