#ACACAF - #BCE5E3 | 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 #ACACAF to #BCE5E3

#ACACAF #BCE5E3

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

#ACACAF - #BCE5E3 | 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 #ACACAF as 0% and #BCE5E3 as 100%.

0.0%	0.0% #ACACAF	RGB 172 172 175	#ACACAF
16.7%	16.7% #AEB5B7	RGB 174 181 183	#AEB5B7
33.3%	33.3% #B1BFC0	RGB 177 191 192	#B1BFC0
50.0%	50.0% #B4C8C9	RGB 180 200 201	#B4C8C9
66.7%	66.7% #B6D2D1	RGB 182 210 209	#B6D2D1
83.3%	83.3% #B9DBDA	RGB 185 219 218	#B9DBDA
100.0%	100.0% #BCE5E3	RGB 188 229 227	#BCE5E3

#ACACAF #AEB5B7 #B1BFC0 #B4C8C9 #B6D2D1 #B9DBDA #BCE5E3

#ACACAF - #BCE5E3

HSV Blend

#ACACAF - #BCE5E3 | 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 #ACACAF as 0% and #BCE5E3 as 100%.

0.0%	0.0% #ACACAF	RGB 172 172 175	#ACACAF
16.7%	16.7% #AFB1B8	RGB 175 177 184	#AFB1B8
33.3%	33.3% #B3B8C1	RGB 179 184 193	#B3B8C1
50.0%	50.0% #B6C0CA	RGB 182 192 202	#B6C0CA
66.7%	66.7% #B8CBD3	RGB 184 203 211	#B8CBD3
83.3%	83.3% #BAD7DC	RGB 186 215 220	#BAD7DC
100.0%	100.0% #BCE5E3	RGB 188 229 227	#BCE5E3

#ACACAF #AFB1B8 #B3B8C1 #B6C0CA #B8CBD3 #BAD7DC #BCE5E3

#ACACAF - #B6C0CA - #BCE5E3

CSS codes

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

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