#AF8F64 - #E8DFD2 | 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 #AF8F64 to #E8DFD2

#AF8F64 #E8DFD2

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

#AF8F64 - #E8DFD2 | 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 #AF8F64 as 0% and #E8DFD2 as 100%.

0.0%	0.0% #AF8F64	RGB 175 143 100	#AF8F64
16.7%	16.7% #B89C76	RGB 184 156 118	#B89C76
33.3%	33.3% #C2A988	RGB 194 169 136	#C2A988
50.0%	50.0% #CBB79B	RGB 203 183 155	#CBB79B
66.7%	66.7% #D5C4AD	RGB 213 196 173	#D5C4AD
83.3%	83.3% #DED1BF	RGB 222 209 191	#DED1BF
100.0%	100.0% #E8DFD2	RGB 232 223 210	#E8DFD2

#AF8F64 #B89C76 #C2A988 #CBB79B #D5C4AD #DED1BF #E8DFD2

#AF8F64 - #E8DFD2

HSV Blend

#AF8F64 - #E8DFD2 | 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 #AF8F64 as 0% and #E8DFD2 as 100%.

0.0%	0.0% #AF8F64	RGB 175 143 100	#AF8F64
16.7%	16.7% #B89B73	RGB 184 155 115	#B89B73
33.3%	33.3% #C2A884	RGB 194 168 132	#C2A884
50.0%	50.0% #CBB596	RGB 203 181 150	#CBB596
66.7%	66.7% #D5C2A9	RGB 213 194 169	#D5C2A9
83.3%	83.3% #DED0BD	RGB 222 208 189	#DED0BD
100.0%	100.0% #E8DFD2	RGB 232 223 210	#E8DFD2

#AF8F64 #B89B73 #C2A884 #CBB596 #D5C2A9 #DED0BD #E8DFD2

#AF8F64 - #CBB596 - #E8DFD2

CSS codes

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

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