#ACBCBD - #B8DFB8 | 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 #ACBCBD to #B8DFB8

#ACBCBD #B8DFB8

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

#ACBCBD - #B8DFB8 | 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 #ACBCBD as 0% and #B8DFB8 as 100%.

0.0%	0.0% #ACBCBD	RGB 172 188 189	#ACBCBD
16.7%	16.7% #AEC1BC	RGB 174 193 188	#AEC1BC
33.3%	33.3% #B0C7BB	RGB 176 199 187	#B0C7BB
50.0%	50.0% #B2CDBA	RGB 178 205 186	#B2CDBA
66.7%	66.7% #B4D3B9	RGB 180 211 185	#B4D3B9
83.3%	83.3% #B6D9B8	RGB 182 217 184	#B6D9B8
100.0%	100.0% #B8DFB8	RGB 184 223 184	#B8DFB8

#ACBCBD #AEC1BC #B0C7BB #B2CDBA #B4D3B9 #B6D9B8 #B8DFB8

#ACBCBD - #B8DFB8

HSV Blend

#ACBCBD - #B8DFB8 | 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 #ACBCBD as 0% and #B8DFB8 as 100%.

0.0%	0.0% #ACBCBD	RGB 172 188 189	#ACBCBD
16.7%	16.7% #AEC2C0	RGB 174 194 192	#AEC2C0
33.3%	33.3% #B0C8C1	RGB 176 200 193	#B0C8C1
50.0%	50.0% #B2CEC1	RGB 178 206 193	#B2CEC1
66.7%	66.7% #B4D3BF	RGB 180 211 191	#B4D3BF
83.3%	83.3% #B6D9BC	RGB 182 217 188	#B6D9BC
100.0%	100.0% #B8DFB8	RGB 184 223 184	#B8DFB8

#ACBCBD #AEC2C0 #B0C8C1 #B2CEC1 #B4D3BF #B6D9BC #B8DFB8

#ACBCBD - #B2CEC1 - #B8DFB8

CSS codes

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

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