#B3C7B2 - #E6D2E3 | 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 #B3C7B2 to #E6D2E3

#B3C7B2 #E6D2E3

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

#B3C7B2 - #E6D2E3 | 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 #B3C7B2 as 0% and #E6D2E3 as 100%.

0.0%	0.0% #B3C7B2	RGB 179 199 178	#B3C7B2
16.7%	16.7% #BBC8BA	RGB 187 200 186	#BBC8BA
33.3%	33.3% #C4CAC2	RGB 196 202 194	#C4CAC2
50.0%	50.0% #CCCCCA	RGB 204 204 202	#CCCCCA
66.7%	66.7% #D5CED2	RGB 213 206 210	#D5CED2
83.3%	83.3% #DDD0DA	RGB 221 208 218	#DDD0DA
100.0%	100.0% #E6D2E3	RGB 230 210 227	#E6D2E3

#B3C7B2 #BBC8BA #C4CAC2 #CCCCCA #D5CED2 #DDD0DA #E6D2E3

#B3C7B2 - #E6D2E3

HSV Blend

#B3C7B2 - #E6D2E3 | 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 #B3C7B2 as 0% and #E6D2E3 as 100%.

0.0%	0.0% #B3C7B2	RGB 179 199 178	#B3C7B2
16.7%	16.7% #C2CCB7	RGB 194 204 183	#C2CCB7
33.3%	33.3% #D0D1BC	RGB 208 209 188	#D0D1BC
50.0%	50.0% #D6CDC1	RGB 214 205 193	#D6CDC1
66.7%	66.7% #DBC8C7	RGB 219 200 199	#DBC8C7
83.3%	83.3% #E0CCD4	RGB 224 204 212	#E0CCD4
100.0%	100.0% #E6D2E3	RGB 230 210 227	#E6D2E3

#B3C7B2 #C2CCB7 #D0D1BC #D6CDC1 #DBC8C7 #E0CCD4 #E6D2E3

#B3C7B2 - #D6CDC1 - #E6D2E3

CSS codes

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

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