#AF805C - #E8DAD0 | 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 #AF805C to #E8DAD0

#AF805C #E8DAD0

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

#AF805C - #E8DAD0 | 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 #AF805C as 0% and #E8DAD0 as 100%.

0.0%	0.0% #AF805C	RGB 175 128 92	#AF805C
16.7%	16.7% #B88F6F	RGB 184 143 111	#B88F6F
33.3%	33.3% #C29E82	RGB 194 158 130	#C29E82
50.0%	50.0% #CBAD96	RGB 203 173 150	#CBAD96
66.7%	66.7% #D5BCA9	RGB 213 188 169	#D5BCA9
83.3%	83.3% #DECBBC	RGB 222 203 188	#DECBBC
100.0%	100.0% #E8DAD0	RGB 232 218 208	#E8DAD0

#AF805C #B88F6F #C29E82 #CBAD96 #D5BCA9 #DECBBC #E8DAD0

#AF805C - #E8DAD0

HSV Blend

#AF805C - #E8DAD0 | 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 #AF805C as 0% and #E8DAD0 as 100%.

0.0%	0.0% #AF805C	RGB 175 128 92	#AF805C
16.7%	16.7% #B88D6C	RGB 184 141 108	#B88D6C
33.3%	33.3% #C29B7D	RGB 194 155 125	#C29B7D
50.0%	50.0% #CBA990	RGB 203 169 144	#CBA990
66.7%	66.7% #D5B9A4	RGB 213 185 164	#D5B9A4
83.3%	83.3% #DEC9B9	RGB 222 201 185	#DEC9B9
100.0%	100.0% #E8DAD0	RGB 232 218 208	#E8DAD0

#AF805C #B88D6C #C29B7D #CBA990 #D5B9A4 #DEC9B9 #E8DAD0

#AF805C - #CBA990 - #E8DAD0

CSS codes

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

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