#B6B5CE - #E1ECD9 | 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 #B6B5CE to #E1ECD9

#B6B5CE #E1ECD9

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

#B6B5CE - #E1ECD9 | 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 #B6B5CE as 0% and #E1ECD9 as 100%.

0.0%	0.0% #B6B5CE	RGB 182 181 206	#B6B5CE
16.7%	16.7% #BDBECF	RGB 189 190 207	#BDBECF
33.3%	33.3% #C4C7D1	RGB 196 199 209	#C4C7D1
50.0%	50.0% #CBD0D3	RGB 203 208 211	#CBD0D3
66.7%	66.7% #D2D9D5	RGB 210 217 213	#D2D9D5
83.3%	83.3% #D9E2D7	RGB 217 226 215	#D9E2D7
100.0%	100.0% #E1ECD9	RGB 225 236 217	#E1ECD9

#B6B5CE #BDBECF #C4C7D1 #CBD0D3 #D2D9D5 #D9E2D7 #E1ECD9

#B6B5CE - #E1ECD9

HSV Blend

#B6B5CE - #E1ECD9 | 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 #B6B5CE as 0% and #E1ECD9 as 100%.

0.0%	0.0% #B6B5CE	RGB 182 181 206	#B6B5CE
16.7%	16.7% #BAC3D3	RGB 186 195 211	#BAC3D3
33.3%	33.3% #C0D2D8	RGB 192 210 216	#C0D2D8
50.0%	50.0% #C6DDD8	RGB 198 221 216	#C6DDD8
66.7%	66.7% #CCE2D5	RGB 204 226 213	#CCE2D5
83.3%	83.3% #D3E7D2	RGB 211 231 210	#D3E7D2
100.0%	100.0% #E1ECD9	RGB 225 236 217	#E1ECD9

#B6B5CE #BAC3D3 #C0D2D8 #C6DDD8 #CCE2D5 #D3E7D2 #E1ECD9

#B6B5CE - #C6DDD8 - #E1ECD9

CSS codes

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

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