#ACABC2 - #B5EEEB | 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 #ACABC2 to #B5EEEB

#ACABC2 #B5EEEB

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

#ACABC2 - #B5EEEB | 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 #ACABC2 as 0% and #B5EEEB as 100%.

0.0%	0.0% #ACABC2	RGB 172 171 194	#ACABC2
16.7%	16.7% #ADB6C8	RGB 173 182 200	#ADB6C8
33.3%	33.3% #AFC1CF	RGB 175 193 207	#AFC1CF
50.0%	50.0% #B0CCD6	RGB 176 204 214	#B0CCD6
66.7%	66.7% #B2D7DD	RGB 178 215 221	#B2D7DD
83.3%	83.3% #B3E2E4	RGB 179 226 228	#B3E2E4
100.0%	100.0% #B5EEEB	RGB 181 238 235	#B5EEEB

#ACABC2 #ADB6C8 #AFC1CF #B0CCD6 #B2D7DD #B3E2E4 #B5EEEB

#ACABC2 - #B5EEEB

HSV Blend

#ACABC2 - #B5EEEB | 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 #ACABC2 as 0% and #B5EEEB as 100%.

0.0%	0.0% #ACABC2	RGB 172 171 194	#ACABC2
16.7%	16.7% #ADB1C9	RGB 173 177 201	#ADB1C9
33.3%	33.3% #AFBAD0	RGB 175 186 208	#AFBAD0
50.0%	50.0% #B1C4D8	RGB 177 196 216	#B1C4D8
66.7%	66.7% #B2D1DF	RGB 178 209 223	#B2D1DF
83.3%	83.3% #B4E0E6	RGB 180 224 230	#B4E0E6
100.0%	100.0% #B5EEEB	RGB 181 238 235	#B5EEEB

#ACABC2 #ADB1C9 #AFBAD0 #B1C4D8 #B2D1DF #B4E0E6 #B5EEEB

#ACABC2 - #B1C4D8 - #B5EEEB

CSS codes

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

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