#AFAD97 - #EEB8AC | 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 #AFAD97 to #EEB8AC

#AFAD97 #EEB8AC

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

#AFAD97 - #EEB8AC | 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 #AFAD97 as 0% and #EEB8AC as 100%.

0.0%	0.0% #AFAD97	RGB 175 173 151	#AFAD97
16.7%	16.7% #B9AE9A	RGB 185 174 154	#B9AE9A
33.3%	33.3% #C4B09E	RGB 196 176 158	#C4B09E
50.0%	50.0% #CEB2A1	RGB 206 178 161	#CEB2A1
66.7%	66.7% #D9B4A5	RGB 217 180 165	#D9B4A5
83.3%	83.3% #E3B6A8	RGB 227 182 168	#E3B6A8
100.0%	100.0% #EEB8AC	RGB 238 184 172	#EEB8AC

#AFAD97 #B9AE9A #C4B09E #CEB2A1 #D9B4A5 #E3B6A8 #EEB8AC

#AFAD97 - #EEB8AC

HSV Blend

#AFAD97 - #EEB8AC | 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 #AFAD97 as 0% and #EEB8AC as 100%.

0.0%	0.0% #AFAD97	RGB 175 173 151	#AFAD97
16.7%	16.7% #B9B39B	RGB 185 179 155	#B9B39B
33.3%	33.3% #C4B89F	RGB 196 184 159	#C4B89F
50.0%	50.0% #CEBBA3	RGB 206 187 163	#CEBBA3
66.7%	66.7% #D9BCA6	RGB 217 188 166	#D9BCA6
83.3%	83.3% #E3BBA9	RGB 227 187 169	#E3BBA9
100.0%	100.0% #EEB8AC	RGB 238 184 172	#EEB8AC

#AFAD97 #B9B39B #C4B89F #CEBBA3 #D9BCA6 #E3BBA9 #EEB8AC

#AFAD97 - #CEBBA3 - #EEB8AC

CSS codes

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

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