#B6C7BC - #D8ECC0 | 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 #B6C7BC to #D8ECC0

#B6C7BC #D8ECC0

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

#B6C7BC - #D8ECC0 | 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 #B6C7BC as 0% and #D8ECC0 as 100%.

0.0%	0.0% #B6C7BC	RGB 182 199 188	#B6C7BC
16.7%	16.7% #BBCDBC	RGB 187 205 188	#BBCDBC
33.3%	33.3% #C1D3BD	RGB 193 211 189	#C1D3BD
50.0%	50.0% #C7D9BE	RGB 199 217 190	#C7D9BE
66.7%	66.7% #CCDFBE	RGB 204 223 190	#CCDFBE
83.3%	83.3% #D2E5BF	RGB 210 229 191	#D2E5BF
100.0%	100.0% #D8ECC0	RGB 216 236 192	#D8ECC0

#B6C7BC #BBCDBC #C1D3BD #C7D9BE #CCDFBE #D2E5BF #D8ECC0

#B6C7BC - #D8ECC0

HSV Blend

#B6C7BC - #D8ECC0 | 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 #B6C7BC as 0% and #D8ECC0 as 100%.

0.0%	0.0% #B6C7BC	RGB 182 199 188	#B6C7BC
16.7%	16.7% #B8CDBC	RGB 184 205 188	#B8CDBC
33.3%	33.3% #BAD3BB	RGB 186 211 187	#BAD3BB
50.0%	50.0% #BED9BB	RGB 190 217 187	#BED9BB
66.7%	66.7% #C5DFBD	RGB 197 223 189	#C5DFBD
83.3%	83.3% #CEE5BE	RGB 206 229 190	#CEE5BE
100.0%	100.0% #D8ECC0	RGB 216 236 192	#D8ECC0

#B6C7BC #B8CDBC #BAD3BB #BED9BB #C5DFBD #CEE5BE #D8ECC0

#B6C7BC - #BED9BB - #D8ECC0

CSS codes

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

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