#ACB7AB - #C2FFC6 | 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 #ACB7AB to #C2FFC6

#ACB7AB #C2FFC6

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

#ACB7AB - #C2FFC6 | 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 #ACB7AB as 0% and #C2FFC6 as 100%.

0.0%	0.0% #ACB7AB	RGB 172 183 171	#ACB7AB
16.7%	16.7% #AFC3AF	RGB 175 195 175	#AFC3AF
33.3%	33.3% #B3CFB4	RGB 179 207 180	#B3CFB4
50.0%	50.0% #B7DBB8	RGB 183 219 184	#B7DBB8
66.7%	66.7% #BAE7BD	RGB 186 231 189	#BAE7BD
83.3%	83.3% #BEF3C1	RGB 190 243 193	#BEF3C1
100.0%	100.0% #C2FFC6	RGB 194 255 198	#C2FFC6

#ACB7AB #AFC3AF #B3CFB4 #B7DBB8 #BAE7BD #BEF3C1 #C2FFC6

#ACB7AB - #C2FFC6

HSV Blend

#ACB7AB - #C2FFC6 | 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 #ACB7AB as 0% and #C2FFC6 as 100%.

0.0%	0.0% #ACB7AB	RGB 172 183 171	#ACB7AB
16.7%	16.7% #B1C3B0	RGB 177 195 176	#B1C3B0
33.3%	33.3% #B6CFB5	RGB 182 207 181	#B6CFB5
50.0%	50.0% #B9DBB9	RGB 185 219 185	#B9DBB9
66.7%	66.7% #BDE7BD	RGB 189 231 189	#BDE7BD
83.3%	83.3% #BFF3C1	RGB 191 243 193	#BFF3C1
100.0%	100.0% #C2FFC6	RGB 194 255 198	#C2FFC6

#ACB7AB #B1C3B0 #B6CFB5 #B9DBB9 #BDE7BD #BFF3C1 #C2FFC6

#ACB7AB - #B9DBB9 - #C2FFC6

CSS codes

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

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