#ACB7B1 - #CFE7B8 | 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 #ACB7B1 to #CFE7B8

#ACB7B1 #CFE7B8

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

#ACB7B1 - #CFE7B8 | 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 #ACB7B1 as 0% and #CFE7B8 as 100%.

0.0%	0.0% #ACB7B1	RGB 172 183 177	#ACB7B1
16.7%	16.7% #B1BFB2	RGB 177 191 178	#B1BFB2
33.3%	33.3% #B7C7B3	RGB 183 199 179	#B7C7B3
50.0%	50.0% #BDCFB4	RGB 189 207 180	#BDCFB4
66.7%	66.7% #C3D7B5	RGB 195 215 181	#C3D7B5
83.3%	83.3% #C9DFB6	RGB 201 223 182	#C9DFB6
100.0%	100.0% #CFE7B8	RGB 207 231 184	#CFE7B8

#ACB7B1 #B1BFB2 #B7C7B3 #BDCFB4 #C3D7B5 #C9DFB6 #CFE7B8

#ACB7B1 - #CFE7B8

HSV Blend

#ACB7B1 - #CFE7B8 | 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 #ACB7B1 as 0% and #CFE7B8 as 100%.

0.0%	0.0% #ACB7B1	RGB 172 183 177	#ACB7B1
16.7%	16.7% #AEBFB3	RGB 174 191 179	#AEBFB3
33.3%	33.3% #B1C7B4	RGB 177 199 180	#B1C7B4
50.0%	50.0% #B4CFB3	RGB 180 207 179	#B4CFB3
66.7%	66.7% #BBD7B5	RGB 187 215 181	#BBD7B5
83.3%	83.3% #C4DFB6	RGB 196 223 182	#C4DFB6
100.0%	100.0% #CFE7B8	RGB 207 231 184	#CFE7B8

#ACB7B1 #AEBFB3 #B1C7B4 #B4CFB3 #BBD7B5 #C4DFB6 #CFE7B8

#ACB7B1 - #B4CFB3 - #CFE7B8

CSS codes

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

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