#A39FA1 - #AFDEB5 | 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 #A39FA1 to #AFDEB5

#A39FA1 #AFDEB5

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

#A39FA1 - #AFDEB5 | 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 #A39FA1 as 0% and #AFDEB5 as 100%.

0.0%	0.0% #A39FA1	RGB 163 159 161	#A39FA1
16.7%	16.7% #A5A9A4	RGB 165 169 164	#A5A9A4
33.3%	33.3% #A7B4A7	RGB 167 180 167	#A7B4A7
50.0%	50.0% #A9BEAB	RGB 169 190 171	#A9BEAB
66.7%	66.7% #ABC9AE	RGB 171 201 174	#ABC9AE
83.3%	83.3% #ADD3B1	RGB 173 211 177	#ADD3B1
100.0%	100.0% #AFDEB5	RGB 175 222 181	#AFDEB5

#A39FA1 #A5A9A4 #A7B4A7 #A9BEAB #ABC9AE #ADD3B1 #AFDEB5

#A39FA1 - #AFDEB5

HSV Blend

#A39FA1 - #AFDEB5 | 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 #A39FA1 as 0% and #AFDEB5 as 100%.

0.0%	0.0% #A39FA1	RGB 163 159 161	#A39FA1
16.7%	16.7% #ACA3A3	RGB 172 163 163	#ACA3A3
33.3%	33.3% #B6ACA6	RGB 182 172 166	#B6ACA6
50.0%	50.0% #C0BCA9	RGB 192 188 169	#C0BCA9
66.7%	66.7% #C2CAAC	RGB 194 202 172	#C2CAAC
83.3%	83.3% #B9D4AD	RGB 185 212 173	#B9D4AD
100.0%	100.0% #AFDEB5	RGB 175 222 181	#AFDEB5

#A39FA1 #ACA3A3 #B6ACA6 #C0BCA9 #C2CAAC #B9D4AD #AFDEB5

#A39FA1 - #C0BCA9 - #AFDEB5

CSS codes

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

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