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

#B6B9C2 #E2DBCB

Calculate the color between two colors, #B6B9C2 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)

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

0.0%	0.0% #B6B9C2	RGB 182 185 194	#B6B9C2
16.7%	16.7% #BDBEC3	RGB 189 190 195	#BDBEC3
33.3%	33.3% #C4C4C5	RGB 196 196 197	#C4C4C5
50.0%	50.0% #CCCAC6	RGB 204 202 198	#CCCAC6
66.7%	66.7% #D3CFC8	RGB 211 207 200	#D3CFC8
83.3%	83.3% #DAD5C9	RGB 218 213 201	#DAD5C9
100.0%	100.0% #E2DBCB	RGB 226 219 203	#E2DBCB

#B6B9C2 #BDBEC3 #C4C4C5 #CCCAC6 #D3CFC8 #DAD5C9 #E2DBCB

#B6B9C2 - #E2DBCB

HSV Blend

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

0.0%	0.0% #B6B9C2	RGB 182 185 194	#B6B9C2
16.7%	16.7% #BCB9C7	RGB 188 185 199	#BCB9C7
33.3%	33.3% #C8BDCC	RGB 200 189 204	#C8BDCC
50.0%	50.0% #D2C0CE	RGB 210 192 206	#D2C0CE
66.7%	66.7% #D7C4C9	RGB 215 196 201	#D7C4C9
83.3%	83.3% #DCCBC7	RGB 220 203 199	#DCCBC7
100.0%	100.0% #E2DBCB	RGB 226 219 203	#E2DBCB

#B6B9C2 #BCB9C7 #C8BDCC #D2C0CE #D7C4C9 #DCCBC7 #E2DBCB

#B6B9C2 - #D2C0CE - #E2DBCB

CSS codes

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

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