#AFAC9F - #EDD4B9 | 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 #AFAC9F to #EDD4B9

#AFAC9F #EDD4B9

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

#AFAC9F - #EDD4B9 | 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 #AFAC9F as 0% and #EDD4B9 as 100%.

0.0%	0.0% #AFAC9F	RGB 175 172 159	#AFAC9F
16.7%	16.7% #B9B2A3	RGB 185 178 163	#B9B2A3
33.3%	33.3% #C3B9A7	RGB 195 185 167	#C3B9A7
50.0%	50.0% #CEC0AC	RGB 206 192 172	#CEC0AC
66.7%	66.7% #D8C6B0	RGB 216 198 176	#D8C6B0
83.3%	83.3% #E2CDB4	RGB 226 205 180	#E2CDB4
100.0%	100.0% #EDD4B9	RGB 237 212 185	#EDD4B9

#AFAC9F #B9B2A3 #C3B9A7 #CEC0AC #D8C6B0 #E2CDB4 #EDD4B9

#AFAC9F - #EDD4B9

HSV Blend

#AFAC9F - #EDD4B9 | 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 #AFAC9F as 0% and #EDD4B9 as 100%.

0.0%	0.0% #AFAC9F	RGB 175 172 159	#AFAC9F
16.7%	16.7% #B9B4A4	RGB 185 180 164	#B9B4A4
33.3%	33.3% #C3BCA9	RGB 195 188 169	#C3BCA9
50.0%	50.0% #CEC3AD	RGB 206 195 173	#CEC3AD
66.7%	66.7% #D8C9B2	RGB 216 201 178	#D8C9B2
83.3%	83.3% #E2CFB5	RGB 226 207 181	#E2CFB5
100.0%	100.0% #EDD4B9	RGB 237 212 185	#EDD4B9

#AFAC9F #B9B4A4 #C3BCA9 #CEC3AD #D8C9B2 #E2CFB5 #EDD4B9

#AFAC9F - #CEC3AD - #EDD4B9

CSS codes

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

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