#B9BCC0 - #E5DECC | 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 #B9BCC0 to #E5DECC

#B9BCC0 #E5DECC

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

#B9BCC0 - #E5DECC | 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 #B9BCC0 as 0% and #E5DECC as 100%.

0.0%	0.0% #B9BCC0	RGB 185 188 192	#B9BCC0
16.7%	16.7% #C0C1C2	RGB 192 193 194	#C0C1C2
33.3%	33.3% #C7C7C4	RGB 199 199 196	#C7C7C4
50.0%	50.0% #CFCDC6	RGB 207 205 198	#CFCDC6
66.7%	66.7% #D6D2C8	RGB 214 210 200	#D6D2C8
83.3%	83.3% #DDD8CA	RGB 221 216 202	#DDD8CA
100.0%	100.0% #E5DECC	RGB 229 222 204	#E5DECC

#B9BCC0 #C0C1C2 #C7C7C4 #CFCDC6 #D6D2C8 #DDD8CA #E5DECC

#B9BCC0 - #E5DECC

HSV Blend

#B9BCC0 - #E5DECC | 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 #B9BCC0 as 0% and #E5DECC as 100%.

0.0%	0.0% #B9BCC0	RGB 185 188 192	#B9BCC0
16.7%	16.7% #BCC5C6	RGB 188 197 198	#BCC5C6
33.3%	33.3% #BFCCC7	RGB 191 204 199	#BFCCC7
50.0%	50.0% #C3D2C5	RGB 195 210 197	#C3D2C5
66.7%	66.7% #CCD8C6	RGB 204 216 198	#CCD8C6
83.3%	83.3% #DADEC9	RGB 218 222 201	#DADEC9
100.0%	100.0% #E5DECC	RGB 229 222 204	#E5DECC

#B9BCC0 #BCC5C6 #BFCCC7 #C3D2C5 #CCD8C6 #DADEC9 #E5DECC

#B9BCC0 - #C3D2C5 - #E5DECC

CSS codes

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

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