#AF6F5E - #E8D5D1 | 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 #AF6F5E to #E8D5D1

#AF6F5E #E8D5D1

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

#AF6F5E - #E8D5D1 | 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 #AF6F5E as 0% and #E8D5D1 as 100%.

0.0%	0.0% #AF6F5E	RGB 175 111 94	#AF6F5E
16.7%	16.7% #B88071	RGB 184 128 113	#B88071
33.3%	33.3% #C29184	RGB 194 145 132	#C29184
50.0%	50.0% #CBA297	RGB 203 162 151	#CBA297
66.7%	66.7% #D5B3AA	RGB 213 179 170	#D5B3AA
83.3%	83.3% #DEC4BD	RGB 222 196 189	#DEC4BD
100.0%	100.0% #E8D5D1	RGB 232 213 209	#E8D5D1

#AF6F5E #B88071 #C29184 #CBA297 #D5B3AA #DEC4BD #E8D5D1

#AF6F5E - #E8D5D1

HSV Blend

#AF6F5E - #E8D5D1 | 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 #AF6F5E as 0% and #E8D5D1 as 100%.

0.0%	0.0% #AF6F5E	RGB 175 111 94	#AF6F5E
16.7%	16.7% #B87D6E	RGB 184 125 110	#B87D6E
33.3%	33.3% #C28C7F	RGB 194 140 127	#C28C7F
50.0%	50.0% #CB9D92	RGB 203 157 146	#CB9D92
66.7%	66.7% #D5AEA6	RGB 213 174 166	#D5AEA6
83.3%	83.3% #DEC1BA	RGB 222 193 186	#DEC1BA
100.0%	100.0% #E8D5D1	RGB 232 213 209	#E8D5D1

#AF6F5E #B87D6E #C28C7F #CB9D92 #D5AEA6 #DEC1BA #E8D5D1

#AF6F5E - #CB9D92 - #E8D5D1

CSS codes

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

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