#ACADBD - #B8DFDB | 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 #ACADBD to #B8DFDB

#ACADBD #B8DFDB

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

#ACADBD - #B8DFDB | 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 #ACADBD as 0% and #B8DFDB as 100%.

0.0%	0.0% #ACADBD	RGB 172 173 189	#ACADBD
16.7%	16.7% #AEB5C2	RGB 174 181 194	#AEB5C2
33.3%	33.3% #B0BDC7	RGB 176 189 199	#B0BDC7
50.0%	50.0% #B2C6CC	RGB 178 198 204	#B2C6CC
66.7%	66.7% #B4CED1	RGB 180 206 209	#B4CED1
83.3%	83.3% #B6D6D6	RGB 182 214 214	#B6D6D6
100.0%	100.0% #B8DFDB	RGB 184 223 219	#B8DFDB

#ACADBD #AEB5C2 #B0BDC7 #B2C6CC #B4CED1 #B6D6D6 #B8DFDB

#ACADBD - #B8DFDB

HSV Blend

#ACADBD - #B8DFDB | 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 #ACADBD as 0% and #B8DFDB as 100%.

0.0%	0.0% #ACADBD	RGB 172 173 189	#ACADBD
16.7%	16.7% #AEB3C2	RGB 174 179 194	#AEB3C2
33.3%	33.3% #B0BAC8	RGB 176 186 200	#B0BAC8
50.0%	50.0% #B2C2CE	RGB 178 194 206	#B2C2CE
66.7%	66.7% #B4CCD3	RGB 180 204 211	#B4CCD3
83.3%	83.3% #B6D6D9	RGB 182 214 217	#B6D6D9
100.0%	100.0% #B8DFDB	RGB 184 223 219	#B8DFDB

#ACADBD #AEB3C2 #B0BAC8 #B2C2CE #B4CCD3 #B6D6D9 #B8DFDB

#ACADBD - #B2C2CE - #B8DFDB

CSS codes

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

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