#A39F9F - #AFDECE | 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 #A39F9F to #AFDECE

#A39F9F #AFDECE

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

#A39F9F - #AFDECE | 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 #A39F9F as 0% and #AFDECE as 100%.

0.0%	0.0% #A39F9F	RGB 163 159 159	#A39F9F
16.7%	16.7% #A5A9A6	RGB 165 169 166	#A5A9A6
33.3%	33.3% #A7B4AE	RGB 167 180 174	#A7B4AE
50.0%	50.0% #A9BEB6	RGB 169 190 182	#A9BEB6
66.7%	66.7% #ABC9BE	RGB 171 201 190	#ABC9BE
83.3%	83.3% #ADD3C6	RGB 173 211 198	#ADD3C6
100.0%	100.0% #AFDECE	RGB 175 222 206	#AFDECE

#A39F9F #A5A9A6 #A7B4AE #A9BEB6 #ABC9BE #ADD3C6 #AFDECE

#A39F9F - #AFDECE

HSV Blend

#A39F9F - #AFDECE | 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 #A39F9F as 0% and #AFDECE as 100%.

0.0%	0.0% #A39F9F	RGB 163 159 159	#A39F9F
16.7%	16.7% #ACA7A3	RGB 172 167 163	#ACA7A3
33.3%	33.3% #B6B4A6	RGB 182 180 166	#B6B4A6
50.0%	50.0% #B9C0A9	RGB 185 192 169	#B9C0A9
66.7%	66.7% #B2CAAC	RGB 178 202 172	#B2CAAC
83.3%	83.3% #ADD4B6	RGB 173 212 182	#ADD4B6
100.0%	100.0% #AFDECE	RGB 175 222 206	#AFDECE

#A39F9F #ACA7A3 #B6B4A6 #B9C0A9 #B2CAAC #ADD4B6 #AFDECE

#A39F9F - #B9C0A9 - #AFDECE

CSS codes

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

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