#B6C2C0 - #C8DFBC | 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 #B6C2C0 to #C8DFBC

#B6C2C0 #C8DFBC

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

#B6C2C0 - #C8DFBC | 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 #B6C2C0 as 0% and #C8DFBC as 100%.

0.0%	0.0% #B6C2C0	RGB 182 194 192	#B6C2C0
16.7%	16.7% #B9C6BF	RGB 185 198 191	#B9C6BF
33.3%	33.3% #BCCBBE	RGB 188 203 190	#BCCBBE
50.0%	50.0% #BFD0BE	RGB 191 208 190	#BFD0BE
66.7%	66.7% #C2D5BD	RGB 194 213 189	#C2D5BD
83.3%	83.3% #C5DABC	RGB 197 218 188	#C5DABC
100.0%	100.0% #C8DFBC	RGB 200 223 188	#C8DFBC

#B6C2C0 #B9C6BF #BCCBBE #BFD0BE #C2D5BD #C5DABC #C8DFBC

#B6C2C0 - #C8DFBC

HSV Blend

#B6C2C0 - #C8DFBC | 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 #B6C2C0 as 0% and #C8DFBC as 100%.

0.0%	0.0% #B6C2C0	RGB 182 194 192	#B6C2C0
16.7%	16.7% #B7C6C1	RGB 183 198 193	#B7C6C1
33.3%	33.3% #B8CBC1	RGB 184 203 193	#B8CBC1
50.0%	50.0% #B9D0BF	RGB 185 208 191	#B9D0BF
66.7%	66.7% #BAD5BB	RGB 186 213 187	#BAD5BB
83.3%	83.3% #BFDABB	RGB 191 218 187	#BFDABB
100.0%	100.0% #C8DFBC	RGB 200 223 188	#C8DFBC

#B6C2C0 #B7C6C1 #B8CBC1 #B9D0BF #BAD5BB #BFDABB #C8DFBC

#B6C2C0 - #B9D0BF - #C8DFBC

CSS codes

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

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