#B4C2AC - #C0FFD2 | 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 #B4C2AC to #C0FFD2

#B4C2AC #C0FFD2

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

#B4C2AC - #C0FFD2 | 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 #B4C2AC as 0% and #C0FFD2 as 100%.

0.0%	0.0% #B4C2AC	RGB 180 194 172	#B4C2AC
16.7%	16.7% #B6CCB2	RGB 182 204 178	#B6CCB2
33.3%	33.3% #B8D6B8	RGB 184 214 184	#B8D6B8
50.0%	50.0% #BAE0BF	RGB 186 224 191	#BAE0BF
66.7%	66.7% #BCEAC5	RGB 188 234 197	#BCEAC5
83.3%	83.3% #BEF4CB	RGB 190 244 203	#BEF4CB
100.0%	100.0% #C0FFD2	RGB 192 255 210	#C0FFD2

#B4C2AC #B6CCB2 #B8D6B8 #BAE0BF #BCEAC5 #BEF4CB #C0FFD2

#B4C2AC - #C0FFD2

HSV Blend

#B4C2AC - #C0FFD2 | 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 #B4C2AC as 0% and #C0FFD2 as 100%.

0.0%	0.0% #B4C2AC	RGB 180 194 172	#B4C2AC
16.7%	16.7% #B7CCB0	RGB 183 204 176	#B7CCB0
33.3%	33.3% #B9D6B4	RGB 185 214 180	#B9D6B4
50.0%	50.0% #B9E0B8	RGB 185 224 184	#B9E0B8
66.7%	66.7% #BBEABE	RGB 187 234 190	#BBEABE
83.3%	83.3% #BDF4C7	RGB 189 244 199	#BDF4C7
100.0%	100.0% #C0FFD2	RGB 192 255 210	#C0FFD2

#B4C2AC #B7CCB0 #B9D6B4 #B9E0B8 #BBEABE #BDF4C7 #C0FFD2

#B4C2AC - #B9E0B8 - #C0FFD2

CSS codes

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

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