#AC9F8B - #FFF1A8 | 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 #AC9F8B to #FFF1A8

#AC9F8B #FFF1A8

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

#AC9F8B - #FFF1A8 | 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 #AC9F8B as 0% and #FFF1A8 as 100%.

0.0%	0.0% #AC9F8B	RGB 172 159 139	#AC9F8B
16.7%	16.7% #B9AC8F	RGB 185 172 143	#B9AC8F
33.3%	33.3% #C7BA94	RGB 199 186 148	#C7BA94
50.0%	50.0% #D5C899	RGB 213 200 153	#D5C899
66.7%	66.7% #E3D59E	RGB 227 213 158	#E3D59E
83.3%	83.3% #F1E3A3	RGB 241 227 163	#F1E3A3
100.0%	100.0% #FFF1A8	RGB 255 241 168	#FFF1A8

#AC9F8B #B9AC8F #C7BA94 #D5C899 #E3D59E #F1E3A3 #FFF1A8

#AC9F8B - #FFF1A8

HSV Blend

#AC9F8B - #FFF1A8 | 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 #AC9F8B as 0% and #FFF1A8 as 100%.

0.0%	0.0% #AC9F8B	RGB 172 159 139	#AC9F8B
16.7%	16.7% #B9AB91	RGB 185 171 145	#B9AB91
33.3%	33.3% #C7B897	RGB 199 184 151	#C7B897
50.0%	50.0% #D5C59C	RGB 213 197 156	#D5C59C
66.7%	66.7% #E3D3A1	RGB 227 211 161	#E3D3A1
83.3%	83.3% #F1E1A4	RGB 241 225 164	#F1E1A4
100.0%	100.0% #FFF1A8	RGB 255 241 168	#FFF1A8

#AC9F8B #B9AB91 #C7B897 #D5C59C #E3D3A1 #F1E1A4 #FFF1A8

#AC9F8B - #D5C59C - #FFF1A8

CSS codes

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

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