#ADBAB8 - #C4ECDD | 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 #ADBAB8 to #C4ECDD

#ADBAB8 #C4ECDD

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

#ADBAB8 - #C4ECDD | 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 #ADBAB8 as 0% and #C4ECDD as 100%.

0.0%	0.0% #ADBAB8	RGB 173 186 184	#ADBAB8
16.7%	16.7% #B0C2BE	RGB 176 194 190	#B0C2BE
33.3%	33.3% #B4CAC4	RGB 180 202 196	#B4CAC4
50.0%	50.0% #B8D3CA	RGB 184 211 202	#B8D3CA
66.7%	66.7% #BCDBD0	RGB 188 219 208	#BCDBD0
83.3%	83.3% #C0E3D6	RGB 192 227 214	#C0E3D6
100.0%	100.0% #C4ECDD	RGB 196 236 221	#C4ECDD

#ADBAB8 #B0C2BE #B4CAC4 #B8D3CA #BCDBD0 #C0E3D6 #C4ECDD

#ADBAB8 - #C4ECDD

HSV Blend

#ADBAB8 - #C4ECDD | 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 #ADBAB8 as 0% and #C4ECDD as 100%.

0.0%	0.0% #ADBAB8	RGB 173 186 184	#ADBAB8
16.7%	16.7% #B1C2BF	RGB 177 194 191	#B1C2BF
33.3%	33.3% #B5CAC5	RGB 181 202 197	#B5CAC5
50.0%	50.0% #B9D3CC	RGB 185 211 204	#B9D3CC
66.7%	66.7% #BDDBD2	RGB 189 219 210	#BDDBD2
83.3%	83.3% #C0E3D7	RGB 192 227 215	#C0E3D7
100.0%	100.0% #C4ECDD	RGB 196 236 221	#C4ECDD

#ADBAB8 #B1C2BF #B5CAC5 #B9D3CC #BDDBD2 #C0E3D7 #C4ECDD

#ADBAB8 - #B9D3CC - #C4ECDD

CSS codes

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

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