#B2BCB8 - #C5EAC9 | 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 #C5EAC9

#B2BCB8 #C5EAC9

Calculate the color between two colors, #B2BCB8 and #C5EAC9. 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 - #C5EAC9 | 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 #C5EAC9 as 100%.

0.0%	0.0% #B2BCB8	RGB 178 188 184	#B2BCB8
16.7%	16.7% #B5C3BA	RGB 181 195 186	#B5C3BA
33.3%	33.3% #B8CBBD	RGB 184 203 189	#B8CBBD
50.0%	50.0% #BBD3C0	RGB 187 211 192	#BBD3C0
66.7%	66.7% #BEDAC3	RGB 190 218 195	#BEDAC3
83.3%	83.3% #C1E2C6	RGB 193 226 198	#C1E2C6
100.0%	100.0% #C5EAC9	RGB 197 234 201	#C5EAC9

#B2BCB8 #B5C3BA #B8CBBD #BBD3C0 #BEDAC3 #C1E2C6 #C5EAC9

#B2BCB8 - #C5EAC9

HSV Blend

#B2BCB8 - #C5EAC9 | 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 #C5EAC9 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% #BCD3C4	RGB 188 211 196	#BCD3C4
66.7%	66.7% #BFDAC7	RGB 191 218 199	#BFDAC7
83.3%	83.3% #C2E2C8	RGB 194 226 200	#C2E2C8
100.0%	100.0% #C5EAC9	RGB 197 234 201	#C5EAC9

#B2BCB8 #B5C3BD #B9CBC1 #BCD3C4 #BFDAC7 #C2E2C8 #C5EAC9

#B2BCB8 - #BCD3C4 - #C5EAC9

CSS codes

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

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