#A69C92 - #FFD9AC | 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 #A69C92 to #FFD9AC

#A69C92 #FFD9AC

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

#A69C92 - #FFD9AC | 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 #A69C92 as 0% and #FFD9AC as 100%.

0.0%	0.0% #A69C92	RGB 166 156 146	#A69C92
16.7%	16.7% #B4A696	RGB 180 166 150	#B4A696
33.3%	33.3% #C3B09A	RGB 195 176 154	#C3B09A
50.0%	50.0% #D2BA9F	RGB 210 186 159	#D2BA9F
66.7%	66.7% #E1C4A3	RGB 225 196 163	#E1C4A3
83.3%	83.3% #F0CEA7	RGB 240 206 167	#F0CEA7
100.0%	100.0% #FFD9AC	RGB 255 217 172	#FFD9AC

#A69C92 #B4A696 #C3B09A #D2BA9F #E1C4A3 #F0CEA7 #FFD9AC

#A69C92 - #FFD9AC

HSV Blend

#A69C92 - #FFD9AC | 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 #A69C92 as 0% and #FFD9AC as 100%.

0.0%	0.0% #A69C92	RGB 166 156 146	#A69C92
16.7%	16.7% #B4A798	RGB 180 167 152	#B4A798
33.3%	33.3% #C3B19E	RGB 195 177 158	#C3B19E
50.0%	50.0% #D2BCA3	RGB 210 188 163	#D2BCA3
66.7%	66.7% #E1C5A7	RGB 225 197 167	#E1C5A7
83.3%	83.3% #F0CFAA	RGB 240 207 170	#F0CFAA
100.0%	100.0% #FFD9AC	RGB 255 217 172	#FFD9AC

#A69C92 #B4A798 #C3B19E #D2BCA3 #E1C5A7 #F0CFAA #FFD9AC

#A69C92 - #D2BCA3 - #FFD9AC

CSS codes

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

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