#E7DFAD - #AF984B | 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 #E7DFAD to #AF984B

#E7DFAD #AF984B

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

#E7DFAD - #AF984B | 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 #E7DFAD as 0% and #AF984B as 100%.

0.0%	0.0% #E7DFAD	RGB 231 223 173	#E7DFAD
16.7%	16.7% #DDD39C	RGB 221 211 156	#DDD39C
33.3%	33.3% #D4C78C	RGB 212 199 140	#D4C78C
50.0%	50.0% #CBBB7C	RGB 203 187 124	#CBBB7C
66.7%	66.7% #C1AF6B	RGB 193 175 107	#C1AF6B
83.3%	83.3% #B8A35B	RGB 184 163 91	#B8A35B
100.0%	100.0% #AF984B	RGB 175 152 75	#AF984B

#E7DFAD #DDD39C #D4C78C #CBBB7C #C1AF6B #B8A35B #AF984B

#E7DFAD - #AF984B

HSV Blend

#E7DFAD - #AF984B | 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 #E7DFAD as 0% and #AF984B as 100%.

0.0%	0.0% #E7DFAD	RGB 231 223 173	#E7DFAD
16.7%	16.7% #DDD39A	RGB 221 211 154	#DDD39A
33.3%	33.3% #D4C788	RGB 212 199 136	#D4C788
50.0%	50.0% #CBBB77	RGB 203 187 119	#CBBB77
66.7%	66.7% #C1AF67	RGB 193 175 103	#C1AF67
83.3%	83.3% #B8A358	RGB 184 163 88	#B8A358
100.0%	100.0% #AF984B	RGB 175 152 75	#AF984B

#E7DFAD #DDD39A #D4C788 #CBBB77 #C1AF67 #B8A358 #AF984B

#E7DFAD - #CBBB77 - #AF984B

CSS codes

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

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