#B0BBCA - #E2DDD2 | 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 #B0BBCA to #E2DDD2

#B0BBCA #E2DDD2

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

#B0BBCA - #E2DDD2 | 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 #B0BBCA as 0% and #E2DDD2 as 100%.

0.0%	0.0% #B0BBCA	RGB 176 187 202	#B0BBCA
16.7%	16.7% #B8C0CB	RGB 184 192 203	#B8C0CB
33.3%	33.3% #C0C6CC	RGB 192 198 204	#C0C6CC
50.0%	50.0% #C9CCCE	RGB 201 204 206	#C9CCCE
66.7%	66.7% #D1D1CF	RGB 209 209 207	#D1D1CF
83.3%	83.3% #D9D7D0	RGB 217 215 208	#D9D7D0
100.0%	100.0% #E2DDD2	RGB 226 221 210	#E2DDD2

#B0BBCA #B8C0CB #C0C6CC #C9CCCE #D1D1CF #D9D7D0 #E2DDD2

#B0BBCA - #E2DDD2

HSV Blend

#B0BBCA - #E2DDD2 | 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 #B0BBCA as 0% and #E2DDD2 as 100%.

0.0%	0.0% #B0BBCA	RGB 176 187 202	#B0BBCA
16.7%	16.7% #B5CBCE	RGB 181 203 206	#B5CBCE
33.3%	33.3% #BBD2C9	RGB 187 210 201	#BBD2C9
50.0%	50.0% #C0D6C3	RGB 192 214 195	#C0D6C3
66.7%	66.7% #CDDAC6	RGB 205 218 198	#CDDAC6
83.3%	83.3% #DADECC	RGB 218 222 204	#DADECC
100.0%	100.0% #E2DDD2	RGB 226 221 210	#E2DDD2

#B0BBCA #B5CBCE #BBD2C9 #C0D6C3 #CDDAC6 #DADECC #E2DDD2

#B0BBCA - #C0D6C3 - #E2DDD2

CSS codes

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

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