#ACC2B0 - #C0FFF7 | 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 #ACC2B0 to #C0FFF7

#ACC2B0 #C0FFF7

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

#ACC2B0 - #C0FFF7 | 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 #ACC2B0 as 0% and #C0FFF7 as 100%.

0.0%	0.0% #ACC2B0	RGB 172 194 176	#ACC2B0
16.7%	16.7% #AFCCBB	RGB 175 204 187	#AFCCBB
33.3%	33.3% #B2D6C7	RGB 178 214 199	#B2D6C7
50.0%	50.0% #B6E0D3	RGB 182 224 211	#B6E0D3
66.7%	66.7% #B9EADF	RGB 185 234 223	#B9EADF
83.3%	83.3% #BCF4EB	RGB 188 244 235	#BCF4EB
100.0%	100.0% #C0FFF7	RGB 192 255 247	#C0FFF7

#ACC2B0 #AFCCBB #B2D6C7 #B6E0D3 #B9EADF #BCF4EB #C0FFF7

#ACC2B0 - #C0FFF7

HSV Blend

#ACC2B0 - #C0FFF7 | 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 #ACC2B0 as 0% and #C0FFF7 as 100%.

0.0%	0.0% #ACC2B0	RGB 172 194 176	#ACC2B0
16.7%	16.7% #B0CCB8	RGB 176 204 184	#B0CCB8
33.3%	33.3% #B4D6C2	RGB 180 214 194	#B4D6C2
50.0%	50.0% #B8E0CD	RGB 184 224 205	#B8E0CD
66.7%	66.7% #BBEAD9	RGB 187 234 217	#BBEAD9
83.3%	83.3% #BDF4E7	RGB 189 244 231	#BDF4E7
100.0%	100.0% #C0FFF7	RGB 192 255 247	#C0FFF7

#ACC2B0 #B0CCB8 #B4D6C2 #B8E0CD #BBEAD9 #BDF4E7 #C0FFF7

#ACC2B0 - #B8E0CD - #C0FFF7

CSS codes

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

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