#ACAF9D - #FFF6B0 | 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 #ACAF9D to #FFF6B0

#ACAF9D #FFF6B0

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

#ACAF9D - #FFF6B0 | 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 #ACAF9D as 0% and #FFF6B0 as 100%.

0.0%	0.0% #ACAF9D	RGB 172 175 157	#ACAF9D
16.7%	16.7% #B9BAA0	RGB 185 186 160	#B9BAA0
33.3%	33.3% #C7C6A3	RGB 199 198 163	#C7C6A3
50.0%	50.0% #D5D2A6	RGB 213 210 166	#D5D2A6
66.7%	66.7% #E3DEA9	RGB 227 222 169	#E3DEA9
83.3%	83.3% #F1EAAC	RGB 241 234 172	#F1EAAC
100.0%	100.0% #FFF6B0	RGB 255 246 176	#FFF6B0

#ACAF9D #B9BAA0 #C7C6A3 #D5D2A6 #E3DEA9 #F1EAAC #FFF6B0

#ACAF9D - #FFF6B0

HSV Blend

#ACAF9D - #FFF6B0 | 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 #ACAF9D as 0% and #FFF6B0 as 100%.

0.0%	0.0% #ACAF9D	RGB 172 175 157	#ACAF9D
16.7%	16.7% #B9BCA2	RGB 185 188 162	#B9BCA2
33.3%	33.3% #C7C9A7	RGB 199 201 167	#C7C9A7
50.0%	50.0% #D5D7AA	RGB 213 215 170	#D5D7AA
66.7%	66.7% #E4E3AD	RGB 228 227 173	#E4E3AD
83.3%	83.3% #F1EDAF	RGB 241 237 175	#F1EDAF
100.0%	100.0% #FFF6B0	RGB 255 246 176	#FFF6B0

#ACAF9D #B9BCA2 #C7C9A7 #D5D7AA #E4E3AD #F1EDAF #FFF6B0

#ACAF9D - #D5D7AA - #FFF6B0

CSS codes

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

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