#AFAB9F - #EDD2B9 | 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 #AFAB9F to #EDD2B9

#AFAB9F #EDD2B9

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

#AFAB9F - #EDD2B9 | 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 #AFAB9F as 0% and #EDD2B9 as 100%.

0.0%	0.0% #AFAB9F	RGB 175 171 159	#AFAB9F
16.7%	16.7% #B9B1A3	RGB 185 177 163	#B9B1A3
33.3%	33.3% #C3B8A7	RGB 195 184 167	#C3B8A7
50.0%	50.0% #CEBEAC	RGB 206 190 172	#CEBEAC
66.7%	66.7% #D8C5B0	RGB 216 197 176	#D8C5B0
83.3%	83.3% #E2CBB4	RGB 226 203 180	#E2CBB4
100.0%	100.0% #EDD2B9	RGB 237 210 185	#EDD2B9

#AFAB9F #B9B1A3 #C3B8A7 #CEBEAC #D8C5B0 #E2CBB4 #EDD2B9

#AFAB9F - #EDD2B9

HSV Blend

#AFAB9F - #EDD2B9 | 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 #AFAB9F as 0% and #EDD2B9 as 100%.

0.0%	0.0% #AFAB9F	RGB 175 171 159	#AFAB9F
16.7%	16.7% #B9B3A4	RGB 185 179 164	#B9B3A4
33.3%	33.3% #C3BAA9	RGB 195 186 169	#C3BAA9
50.0%	50.0% #CEC1AD	RGB 206 193 173	#CEC1AD
66.7%	66.7% #D8C7B2	RGB 216 199 178	#D8C7B2
83.3%	83.3% #E2CDB5	RGB 226 205 181	#E2CDB5
100.0%	100.0% #EDD2B9	RGB 237 210 185	#EDD2B9

#AFAB9F #B9B3A4 #C3BAA9 #CEC1AD #D8C7B2 #E2CDB5 #EDD2B9

#AFAB9F - #CEC1AD - #EDD2B9

CSS codes

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

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