#AF5E1D - #E8D1BE | 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 #AF5E1D to #E8D1BE

#AF5E1D #E8D1BE

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

#AF5E1D - #E8D1BE | 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 #AF5E1D as 0% and #E8D1BE as 100%.

0.0%	0.0% #AF5E1D	RGB 175 94 29	#AF5E1D
16.7%	16.7% #B87137	RGB 184 113 55	#B87137
33.3%	33.3% #C28452	RGB 194 132 82	#C28452
50.0%	50.0% #CB976D	RGB 203 151 109	#CB976D
66.7%	66.7% #D5AA88	RGB 213 170 136	#D5AA88
83.3%	83.3% #DEBDA3	RGB 222 189 163	#DEBDA3
100.0%	100.0% #E8D1BE	RGB 232 209 190	#E8D1BE

#AF5E1D #B87137 #C28452 #CB976D #D5AA88 #DEBDA3 #E8D1BE

#AF5E1D - #E8D1BE

HSV Blend

#AF5E1D - #E8D1BE | 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 #AF5E1D as 0% and #E8D1BE as 100%.

0.0%	0.0% #AF5E1C	RGB 175 94 28	#AF5E1C
16.7%	16.7% #B86E32	RGB 184 110 50	#B86E32
33.3%	33.3% #C27F4A	RGB 194 127 74	#C27F4A
50.0%	50.0% #CB9264	RGB 203 146 100	#CB9264
66.7%	66.7% #D5A680	RGB 213 166 128	#D5A680
83.3%	83.3% #DEBB9D	RGB 222 187 157	#DEBB9D
100.0%	100.0% #E8D1BE	RGB 232 209 190	#E8D1BE

#AF5E1C #B86E32 #C27F4A #CB9264 #D5A680 #DEBB9D #E8D1BE

#AF5E1D - #CB9264 - #E8D1BE

CSS codes

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

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