#B4B6C2 - #E2DBCB | 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 #B4B6C2 to #E2DBCB

#B4B6C2 #E2DBCB

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

#B4B6C2 - #E2DBCB | 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 #B4B6C2 as 0% and #E2DBCB as 100%.

0.0%	0.0% #B4B6C2	RGB 180 182 194	#B4B6C2
16.7%	16.7% #BBBCC3	RGB 187 188 195	#BBBCC3
33.3%	33.3% #C3C2C5	RGB 195 194 197	#C3C2C5
50.0%	50.0% #CBC8C6	RGB 203 200 198	#CBC8C6
66.7%	66.7% #D2CEC8	RGB 210 206 200	#D2CEC8
83.3%	83.3% #DAD4C9	RGB 218 212 201	#DAD4C9
100.0%	100.0% #E2DBCB	RGB 226 219 203	#E2DBCB

#B4B6C2 #BBBCC3 #C3C2C5 #CBC8C6 #D2CEC8 #DAD4C9 #E2DBCB

#B4B6C2 - #E2DBCB

HSV Blend

#B4B6C2 - #E2DBCB | 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 #B4B6C2 as 0% and #E2DBCB as 100%.

0.0%	0.0% #B4B6C2	RGB 180 182 194	#B4B6C2
16.7%	16.7% #BDB7C7	RGB 189 183 199	#BDB7C7
33.3%	33.3% #C9BBCC	RGB 201 187 204	#C9BBCC
50.0%	50.0% #D2BFCC	RGB 210 191 204	#D2BFCC
66.7%	66.7% #D7C3C8	RGB 215 195 200	#D7C3C8
83.3%	83.3% #DCCCC7	RGB 220 204 199	#DCCCC7
100.0%	100.0% #E2DBCB	RGB 226 219 203	#E2DBCB

#B4B6C2 #BDB7C7 #C9BBCC #D2BFCC #D7C3C8 #DCCCC7 #E2DBCB

#B4B6C2 - #D2BFCC - #E2DBCB

CSS codes

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

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