#AF6A31 - #E8D3C4 | 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 #AF6A31 to #E8D3C4

#AF6A31 #E8D3C4

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

#AF6A31 - #E8D3C4 | 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 #AF6A31 as 0% and #E8D3C4 as 100%.

0.0%	0.0% #AF6A31	RGB 175 106 49	#AF6A31
16.7%	16.7% #B87B49	RGB 184 123 73	#B87B49
33.3%	33.3% #C28D62	RGB 194 141 98	#C28D62
50.0%	50.0% #CB9E7A	RGB 203 158 122	#CB9E7A
66.7%	66.7% #D5B093	RGB 213 176 147	#D5B093
83.3%	83.3% #DEC1AB	RGB 222 193 171	#DEC1AB
100.0%	100.0% #E8D3C4	RGB 232 211 196	#E8D3C4

#AF6A31 #B87B49 #C28D62 #CB9E7A #D5B093 #DEC1AB #E8D3C4

#AF6A31 - #E8D3C4

HSV Blend

#AF6A31 - #E8D3C4 | 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 #AF6A31 as 0% and #E8D3C4 as 100%.

0.0%	0.0% #AF6A31	RGB 175 106 49	#AF6A31
16.7%	16.7% #B87845	RGB 184 120 69	#B87845
33.3%	33.3% #C2885A	RGB 194 136 90	#C2885A
50.0%	50.0% #CB9972	RGB 203 153 114	#CB9972
66.7%	66.7% #D5AB8B	RGB 213 171 139	#D5AB8B
83.3%	83.3% #DEBEA7	RGB 222 190 167	#DEBEA7
100.0%	100.0% #E8D3C4	RGB 232 211 196	#E8D3C4

#AF6A31 #B87845 #C2885A #CB9972 #D5AB8B #DEBEA7 #E8D3C4

#AF6A31 - #CB9972 - #E8D3C4

CSS codes

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

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