#AFB0AA - #A8FFDC | 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 #AFB0AA to #A8FFDC

#AFB0AA #A8FFDC

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

#AFB0AA - #A8FFDC | 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 #AFB0AA as 0% and #A8FFDC as 100%.

0.0%	0.0% #AFB0AA	RGB 175 176 170	#AFB0AA
16.7%	16.7% #ADBDB2	RGB 173 189 178	#ADBDB2
33.3%	33.3% #ACCABA	RGB 172 202 186	#ACCABA
50.0%	50.0% #ABD7C3	RGB 171 215 195	#ABD7C3
66.7%	66.7% #AAE4CB	RGB 170 228 203	#AAE4CB
83.3%	83.3% #A9F1D3	RGB 169 241 211	#A9F1D3
100.0%	100.0% #A8FFDC	RGB 168 255 220	#A8FFDC

#AFB0AA #ADBDB2 #ACCABA #ABD7C3 #AAE4CB #A9F1D3 #A8FFDC

#AFB0AA - #A8FFDC

HSV Blend

#AFB0AA - #A8FFDC | 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 #AFB0AA as 0% and #A8FFDC as 100%.

0.0%	0.0% #AFB0AA	RGB 175 176 170	#AFB0AA
16.7%	16.7% #B6BDAD	RGB 182 189 173	#B6BDAD
33.3%	33.3% #B8CAAE	RGB 184 202 174	#B8CAAE
50.0%	50.0% #B3D7AF	RGB 179 215 175	#B3D7AF
66.7%	66.7% #AEE4B4	RGB 174 228 180	#AEE4B4
83.3%	83.3% #ABF1C4	RGB 171 241 196	#ABF1C4
100.0%	100.0% #A8FFDC	RGB 168 255 220	#A8FFDC

#AFB0AA #B6BDAD #B8CAAE #B3D7AF #AEE4B4 #ABF1C4 #A8FFDC

#AFB0AA - #B3D7AF - #A8FFDC

CSS codes

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

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