#AA9F98 - #FFF0B7 | 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 #AA9F98 to #FFF0B7

#AA9F98 #FFF0B7

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

#AA9F98 - #FFF0B7 | 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 #AA9F98 as 0% and #FFF0B7 as 100%.

0.0%	0.0% #AA9F98	RGB 170 159 152	#AA9F98
16.7%	16.7% #B8AC9D	RGB 184 172 157	#B8AC9D
33.3%	33.3% #C6BAA2	RGB 198 186 162	#C6BAA2
50.0%	50.0% #D4C7A7	RGB 212 199 167	#D4C7A7
66.7%	66.7% #E2D5AC	RGB 226 213 172	#E2D5AC
83.3%	83.3% #F0E2B1	RGB 240 226 177	#F0E2B1
100.0%	100.0% #FFF0B7	RGB 255 240 183	#FFF0B7

#AA9F98 #B8AC9D #C6BAA2 #D4C7A7 #E2D5AC #F0E2B1 #FFF0B7

#AA9F98 - #FFF0B7

HSV Blend

#AA9F98 - #FFF0B7 | 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 #AA9F98 as 0% and #FFF0B7 as 100%.

0.0%	0.0% #AA9F98	RGB 170 159 152	#AA9F98
16.7%	16.7% #B8AA9F	RGB 184 170 159	#B8AA9F
33.3%	33.3% #C6B6A5	RGB 198 182 165	#C6B6A5
50.0%	50.0% #D4C3AB	RGB 212 195 171	#D4C3AB
66.7%	66.7% #E2D1B0	RGB 226 209 176	#E2D1B0
83.3%	83.3% #F0E0B3	RGB 240 224 179	#F0E0B3
100.0%	100.0% #FFF0B7	RGB 255 240 183	#FFF0B7

#AA9F98 #B8AA9F #C6B6A5 #D4C3AB #E2D1B0 #F0E0B3 #FFF0B7

#AA9F98 - #D4C3AB - #FFF0B7

CSS codes

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

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