#B2ACAE - #C2E5D9 | 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 #B2ACAE to #C2E5D9

#B2ACAE #C2E5D9

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

#B2ACAE - #C2E5D9 | 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 #B2ACAE as 0% and #C2E5D9 as 100%.

0.0%	0.0% #B2ACAE	RGB 178 172 174	#B2ACAE
16.7%	16.7% #B4B5B5	RGB 180 181 181	#B4B5B5
33.3%	33.3% #B7BFBC	RGB 183 191 188	#B7BFBC
50.0%	50.0% #BAC8C3	RGB 186 200 195	#BAC8C3
66.7%	66.7% #BCD2CA	RGB 188 210 202	#BCD2CA
83.3%	83.3% #BFDBD1	RGB 191 219 209	#BFDBD1
100.0%	100.0% #C2E5D9	RGB 194 229 217	#C2E5D9

#B2ACAE #B4B5B5 #B7BFBC #BAC8C3 #BCD2CA #BFDBD1 #C2E5D9

#B2ACAE - #C2E5D9

HSV Blend

#B2ACAE - #C2E5D9 | 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 #B2ACAE as 0% and #C2E5D9 as 100%.

0.0%	0.0% #B2ACAE	RGB 178 172 174	#B2ACAE
16.7%	16.7% #BAB2B0	RGB 186 178 176	#BAB2B0
33.3%	33.3% #C3BEB4	RGB 195 190 180	#C3BEB4
50.0%	50.0% #C8CBB8	RGB 200 203 184	#C8CBB8
66.7%	66.7% #C4D4BC	RGB 196 212 188	#C4D4BC
83.3%	83.3% #BFDCC3	RGB 191 220 195	#BFDCC3
100.0%	100.0% #C2E5D9	RGB 194 229 217	#C2E5D9

#B2ACAE #BAB2B0 #C3BEB4 #C8CBB8 #C4D4BC #BFDCC3 #C2E5D9

#B2ACAE - #C8CBB8 - #C2E5D9

CSS codes

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

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