#A8B5BA - #C0EEEC | 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 #A8B5BA to #C0EEEC

#A8B5BA #C0EEEC

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

#A8B5BA - #C0EEEC | 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 #A8B5BA as 0% and #C0EEEC as 100%.

0.0%	0.0% #A8B5BA	RGB 168 181 186	#A8B5BA
16.7%	16.7% #ACBEC2	RGB 172 190 194	#ACBEC2
33.3%	33.3% #B0C8CA	RGB 176 200 202	#B0C8CA
50.0%	50.0% #B4D1D3	RGB 180 209 211	#B4D1D3
66.7%	66.7% #B8DBDB	RGB 184 219 219	#B8DBDB
83.3%	83.3% #BCE4E3	RGB 188 228 227	#BCE4E3
100.0%	100.0% #C0EEEC	RGB 192 238 236	#C0EEEC

#A8B5BA #ACBEC2 #B0C8CA #B4D1D3 #B8DBDB #BCE4E3 #C0EEEC

#A8B5BA - #C0EEEC

HSV Blend

#A8B5BA - #C0EEEC | 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 #A8B5BA as 0% and #C0EEEC as 100%.

0.0%	0.0% #A8B5BA	RGB 168 181 186	#A8B5BA
16.7%	16.7% #ACBDC2	RGB 172 189 194	#ACBDC2
33.3%	33.3% #B1C6CB	RGB 177 198 203	#B1C6CB
50.0%	50.0% #B5D0D4	RGB 181 208 212	#B5D0D4
66.7%	66.7% #B9DADC	RGB 185 218 220	#B9DADC
83.3%	83.3% #BCE4E5	RGB 188 228 229	#BCE4E5
100.0%	100.0% #C0EEEC	RGB 192 238 236	#C0EEEC

#A8B5BA #ACBDC2 #B1C6CB #B5D0D4 #B9DADC #BCE4E5 #C0EEEC

#A8B5BA - #B5D0D4 - #C0EEEC

CSS codes

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

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