#AFAE9F - #EDD6B9 | 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 #AFAE9F to #EDD6B9

#AFAE9F #EDD6B9

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

#AFAE9F - #EDD6B9 | 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 #AFAE9F as 0% and #EDD6B9 as 100%.

0.0%	0.0% #AFAE9F	RGB 175 174 159	#AFAE9F
16.7%	16.7% #B9B4A3	RGB 185 180 163	#B9B4A3
33.3%	33.3% #C3BBA7	RGB 195 187 167	#C3BBA7
50.0%	50.0% #CEC2AC	RGB 206 194 172	#CEC2AC
66.7%	66.7% #D8C8B0	RGB 216 200 176	#D8C8B0
83.3%	83.3% #E2CFB4	RGB 226 207 180	#E2CFB4
100.0%	100.0% #EDD6B9	RGB 237 214 185	#EDD6B9

#AFAE9F #B9B4A3 #C3BBA7 #CEC2AC #D8C8B0 #E2CFB4 #EDD6B9

#AFAE9F - #EDD6B9

HSV Blend

#AFAE9F - #EDD6B9 | 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 #AFAE9F as 0% and #EDD6B9 as 100%.

0.0%	0.0% #AFAE9F	RGB 175 174 159	#AFAE9F
16.7%	16.7% #B9B6A4	RGB 185 182 164	#B9B6A4
33.3%	33.3% #C3BEA9	RGB 195 190 169	#C3BEA9
50.0%	50.0% #CEC5AD	RGB 206 197 173	#CEC5AD
66.7%	66.7% #D8CCB2	RGB 216 204 178	#D8CCB2
83.3%	83.3% #E2D1B5	RGB 226 209 181	#E2D1B5
100.0%	100.0% #EDD6B9	RGB 237 214 185	#EDD6B9

#AFAE9F #B9B6A4 #C3BEA9 #CEC5AD #D8CCB2 #E2D1B5 #EDD6B9

#AFAE9F - #CEC5AD - #EDD6B9

CSS codes

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

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