#A09F9F - #ADDFD1 | 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 #A09F9F to #ADDFD1

#A09F9F #ADDFD1

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

#A09F9F - #ADDFD1 | 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 #A09F9F as 0% and #ADDFD1 as 100%.

0.0%	0.0% #A09F9F	RGB 160 159 159	#A09F9F
16.7%	16.7% #A2A9A7	RGB 162 169 167	#A2A9A7
33.3%	33.3% #A4B4AF	RGB 164 180 175	#A4B4AF
50.0%	50.0% #A6BFB8	RGB 166 191 184	#A6BFB8
66.7%	66.7% #A8C9C0	RGB 168 201 192	#A8C9C0
83.3%	83.3% #AAD4C8	RGB 170 212 200	#AAD4C8
100.0%	100.0% #ADDFD1	RGB 173 223 209	#ADDFD1

#A09F9F #A2A9A7 #A4B4AF #A6BFB8 #A8C9C0 #AAD4C8 #ADDFD1

#A09F9F - #ADDFD1

HSV Blend

#A09F9F - #ADDFD1 | 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 #A09F9F as 0% and #ADDFD1 as 100%.

0.0%	0.0% #A09F9F	RGB 160 159 159	#A09F9F
16.7%	16.7% #AAA6A3	RGB 170 166 163	#AAA6A3
33.3%	33.3% #B5B3A6	RGB 181 179 166	#B5B3A6
50.0%	50.0% #B7BFA9	RGB 183 191 169	#B7BFA9
66.7%	66.7% #B1CAAB	RGB 177 202 171	#B1CAAB
83.3%	83.3% #ACD4B7	RGB 172 212 183	#ACD4B7
100.0%	100.0% #ADDFD1	RGB 173 223 209	#ADDFD1

#A09F9F #AAA6A3 #B5B3A6 #B7BFA9 #B1CAAB #ACD4B7 #ADDFD1

#A09F9F - #B7BFA9 - #ADDFD1

CSS codes

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

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