#B2BCB8 - #C5EACB | 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 #B2BCB8 to #C5EACB

#B2BCB8 #C5EACB

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

#B2BCB8 - #C5EACB | 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 #B2BCB8 as 0% and #C5EACB as 100%.

0.0%	0.0% #B2BCB8	RGB 178 188 184	#B2BCB8
16.7%	16.7% #B5C3BB	RGB 181 195 187	#B5C3BB
33.3%	33.3% #B8CBBE	RGB 184 203 190	#B8CBBE
50.0%	50.0% #BBD3C1	RGB 187 211 193	#BBD3C1
66.7%	66.7% #BEDAC4	RGB 190 218 196	#BEDAC4
83.3%	83.3% #C1E2C7	RGB 193 226 199	#C1E2C7
100.0%	100.0% #C5EACB	RGB 197 234 203	#C5EACB

#B2BCB8 #B5C3BB #B8CBBE #BBD3C1 #BEDAC4 #C1E2C7 #C5EACB

#B2BCB8 - #C5EACB

HSV Blend

#B2BCB8 - #C5EACB | 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 #B2BCB8 as 0% and #C5EACB as 100%.

0.0%	0.0% #B2BCB8	RGB 178 188 184	#B2BCB8
16.7%	16.7% #B5C3BD	RGB 181 195 189	#B5C3BD
33.3%	33.3% #B9CBC1	RGB 185 203 193	#B9CBC1
50.0%	50.0% #BCD3C5	RGB 188 211 197	#BCD3C5
66.7%	66.7% #BFDAC8	RGB 191 218 200	#BFDAC8
83.3%	83.3% #C2E2C9	RGB 194 226 201	#C2E2C9
100.0%	100.0% #C5EACB	RGB 197 234 203	#C5EACB

#B2BCB8 #B5C3BD #B9CBC1 #BCD3C5 #BFDAC8 #C2E2C9 #C5EACB

#B2BCB8 - #BCD3C5 - #C5EACB

CSS codes

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

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